/* Ticker link container */
a.hoverquote-container, a.hoverquote-container:link,
a.hoverquote-container-od, a.hoverquote-container-od:link {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    display:inline-block;
    padding:0 2px;
    position:relative;
    font-size:10pt;
}

/* Ticker link styling */
a.hoverquote-pos, a.hoverquote-pos:link, a.hoverquote-pos span,
a.hoverquote-neg, a.hoverquote-neg:link, a.hoverquote-neg span,
a.hoverquote-nochg, a.hoverquote-nochg:link, a.hoverquote-nochg span {
    font:10pt Arial, sans-serif;
    line-height:14px;
    text-decoration:none;
    color:#000;
}
a.hoverquote-pos, a.hoverquote-pos:link {
    background-color:#C7F9D2;
    border:1px solid #6FCF85;
}
a.hoverquote-neg, a.hoverquote-neg:link {
    background-color:#FEE0E0;
    border:1px solid #FBBDBD;
}
a.hoverquote-nochg, a.hoverquote-nochg:link {
    background-color:#B4D2EC;
    border:1px solid #338DCF;
}

/* Ticker link hover styling */
a.hoverquote-pos:hover, a.hoverquote-pos:hover span,
a.hoverquote-neg:hover, a.hoverquote-neg:hover span,
a.hoverquote-nochg:hover, a.hoverquote-nochg:hover span {
    color:#FFF !important;
}
a.hoverquote-pos:hover {
    background-color:#007C1D;
}
a.hoverquote-neg:hover {
    background-color:#B40000;
}
a.hoverquote-nochg:hover {
    background-color:#005A9C;
}

/* Containers inside ticker link */
a.hoverquote-container .hoverquote-symbol,
a.hoverquote-container-od .hoverquote-symbol {
}
a.hoverquote-container .hoverquote-value,
a.hoverquote-container-od .hoverquote-value {
}


/* Styles inside the HQ panel */
.hoverquote {
    width:300px;
    background:url(/images/zacks/hoverquote/hoverquote-bg.png) repeat-x;
    color:#4B4B4B;
    font:9pt Arial, sans-serif;
}

.hoverquote h2 {
    text-transform:none;
}

/* Generics */
.hoverquote .zr_10per  { width:10%; }
.hoverquote .zr_20per  { width:20%; }
.hoverquote .zr_25per  { width:25%; }
.hoverquote .zr_30per  { width:30%; }
.hoverquote .zr_40per  { width:40%; }
.hoverquote .zr_50per  { width:50%; }
.hoverquote .zr_60per  { width:60%; }
.hoverquote .zr_70per  { width:70%; }
.hoverquote .zr_75per  { width:75%; }
.hoverquote .zr_80per  { width:80%; }
.hoverquote .zr_90per  { width:90%; }
.hoverquote .zr_100per { width:100%; }
.hoverquote .pos, .hoverquote .pos span { color:#007F06; } /* Zacks Green */
.hoverquote .neg, .hoverquote .neg span { color:#D10121; } /* Red */

/* Sections */
.hoverquote .hq_detail, .hoverquote .hq_advert, .hoverquote .hq_news {
    margin:0;
    padding:2px 3px;
}
.hoverquote .hq_news {
    background:#DFDFDF;
    border-top:1px solid #AAA;
    padding-bottom:5px;
}
.hoverquote .hq_advert {
    border-bottom:1px solid #DCDCDC;
    text-align: center;
    padding: 5px 0;
}
.hoverquote .quote_detail {
    border-bottom:1px solid #d5d5d5;
    padding:5px 0;
}

.hoverquote .hq_name,
.hoverquote .hq_name a {
    color:#000;
    font-weight:bold;
    font-size:13.5pt;
    padding-top: 5px;
    text-decoration:none !important;
    margin: 0;
    padding: 0;
}
.hoverquote .hq_name a:hover {
    color:#1D5EB5;
    text-decoration:none !important;
}
.hoverquote .hq_exch,
.hoverquote .hq_ticker {
    color:#7D7D7D;
    font-size:8.5pt;
}
.hoverquote .hq_ticker {
    font-weight:bold;
}

.hq_style_score{
    font-weight: bold;
    font-size: 10pt;
}

/* Ticker Name */
.hoverquote .headline {
    padding-bottom:1px;
}
.hoverquote .inner_panel {
    font-size:10pt;
    color:#000;
    line-height:14pt;
}
.hoverquote .inner_panel > span {
    display:block;
}
.hoverquote .hq_last {
    font-size:13.5pt;
    font-weight:bold;
}
.hoverquote .hq_last sup {
    font-weight:normal;
    margin-right:3px;
}
.hoverquote .hq_updated {
    font-size:8.5pt;
    color:#7D7D7D;
}

/* Add to Portfolio */
.hoverquote .hq_detail .zr_40per {
    display:block;
    text-align:right;
}

/* Formatting of data points */
.hoverquote .cont_data,
.hoverquote .inner_panel {
    float:left;
    width:50%;
}
.hoverquote .cont_data.cat_data{
    width: auto;
}
.hoverquote .cont_data a {
    color:#1D5EB5;
}
.hoverquote .cont_data a:hover {
    text-decoration:underline;
}
.hoverquote .cont_data div {
    padding-bottom:1px;
    clear:both;
    float:none;
}
.hoverquote .cont_data h2 {
    margin:0;
    padding:0;
    border:0;
    float:left;
    line-height:1.7em;
}
.hoverquote .cont_data span {
    font:normal 10pt Arial, sans-serif;
    color:#000;
    float:right;
    line-height:1.7em;
    padding-right:20px;
    margin-left: 2px;
}
.hoverquote .rank_chip {
    font:normal 10.5pt Arial, sans-serif;
    color:#FFF;
    float:right;
    line-height:21px;
    padding-right:0;
    font-weight:bold;
    margin-right: 2px !important;
}
/*.hoverquote .rank div {
    float:right;
}*/
.hoverquote .cont_data h2,
.hoverquote .rank h2 {
    display:inline;
}
.hoverquote span.hq_rank_text {
    padding:0 2px 0 2px;
}
.hoverquote .hq_portfolio span {
    font-weight:bold;
    color:#025EDB;
    vertical-align:6px;
}
.hoverquote h2,
.hoverquote .hq_rank_text {
    font:bold 10pt Arial, sans-serif;
    color:#4B4B4B;
}
.hoverquote .zr-rankbox {
    float:right;
    width:118px;
    margin:0;
    padding:0;
}
.hoverquote .hq_links {
    text-align:center;
    font-size:9pt;
    font-weight:bold;
    line-height:1.3;
    padding-bottom:5px;
}
.hoverquote .hq_links a,
.hoverquote .hq_links a:link {
    color:#000;
}
.hoverquote .hq_links a:hover {
    color:#1D5EB5;
}

/* Related News LInks */
.hoverquote .hq_news {
    padding:0 10px 5px 10px;
}
.hoverquote .hq_news p {
    margin:5px 5px 5px 10px;
    padding:0;
}
.hoverquote .hq_news p:before {
    content:'\2022\00A0';
    color:#007F06;
    margin-left:-10px;
    font-size:12pt; /* 16px */
}
.hoverquote .hq_news a,
.hoverquote .hq_news a:link {
    font-size:10pt;
    color:#000;
    display: initial;
}
.hoverquote .hq_news a:hover {
    color:#1D5EB5;
}

/* View MOre link */
.hoverquote .hq_news a.hq_viewmore {
    font-size:9pt;
    font-weight:bold;
    color:#000;
}
.hoverquote .hq_news a.hq_viewmore:after {
    content:'\a0\bb';
    color:#000;
}
.hoverquote .hq_news a.hq_viewmore:hover,
.hoverquote .hq_news a.hq_viewmore:hover:after {
    color:#1D5EB5;
}

.hoverquote .hq_chart {
    height:100px;
    width:294px;
    padding-top:4px;
    text-align:right;
    float:right;
}

/* Advert */
.hoverquote .hq_advert a,
.hoverquote .hq_advert a:link,
.hoverquote .hq_advert a:hover {
    border:0;
    outline:0;
    text-decoration:underline;
    color: #1D5EB5;
}


/* static tooltip */
a.tooltiphere {
    background-color:#C7F9D2;
    border:1px solid #6FCF85;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:11pt !important;
    padding:0 1px;
    text-decoration:none !important;
}
a.tooltiphere:hover {
    background-color:#007c1d;
    color:#fff;
}


/* Zacks Trade Button */
.zt_link{
    clear: both;
    margin-top: 5px;
    padding-left: 70px;
    overflow: hidden;
}
.zt_link a.btn_ztNow{
    margin-bottom: 4px;
    float: left !important;
    margin-top: 4px;
}


/* BATS stuff */
.bats_value_block.hover
{
  clear: both;
  padding-top: 5px;
}

  .bats_value_block.hover p
, .bats_value_block.hover span
, .bats_value_block.hover p span
{
    font-size: 9pt;
}
.bats_value_block.hover
{
    clear: both;
    padding-top: 5px;
}
  .bats_value_block.hover .bats_value
, .bats_value_block.hover .et_time
{
    font-weight: bold;
}


/*Hover Quote*/
.rank_strip, .vgm_strip, .quote_detail_strip{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.rank_strip > div
, .vgm_strip > div
, .quote_detail_strip > div{
    float: left;
}
.rank_strip > div + div
, .vgm_strip > div + div
, .quote_detail_strip > div + div
{
    float: right;
}
.rank_strip h2,
.rank_strip p,
.rank_strip span,
.vgm_strip h2,
.vgm_strip p,
.vgm_strip span,
.quote_detail_strip h2,
.quote_detail_strip span,
.quote_detail_strip p
{
    font-size: 8.5pt !important;
}

.rank_strip h2{
    display: inline;
}

.vgm_strip .composite_val
, .quote_detail_strip .composite_val{
    width: 18px;
    height: 18px;
    padding: 1px 2px;
}

/* For zadmin-preview crypto Ticker*/
acronym.cticker
, button.crypto
, a.crypto{
    background: #ededed;
    background-color: #ededed !important;
    border-radius: 3px !important;
    display: inline-block !important;
    padding: 0px 4px !important;
    position: relative !important;
    font-size: 10pt !important;
    border: 1px solid #444444 !important;
    color: #000 !important;
    cursor: pointer;
}

acronym.cticker:hover
, button.crypto:hover
, a.crypto:hover{
    background-color: #4b4b4b !important;
    color: #fff !important;
}
acronym.cticker:hover span
, button.crypto:hover span
, a.crypto:hover span{
    color: #fff !important;
}

/* Tippy hoverquote*/
.hoverquote-container-od + div .tippy-box{
    background-color: #fff !important;  
    max-width: 303px !important; 
}
.hoverquote-container-od + div .tippy-box .tippy-content{
    padding: 0;
}

@media (max-width: 414px){
   
    [data-tippy-root]{
        top: 20px;
    }
}