/* 
File: Stylesheet for managing attributes related to all calendar widget related modules
Site: Zacks
Site URI: https://zacks.com
Author: Pushpak Koyal
Date: 05/20/21
Version: 0.1
*/
/* 
 * All the common semantics/blocks related attributes/styles mentioned here. 
 * As well as file pointing to minify script.
 * 
 * Site uri: https://www.zacks.com/             
 * @file: Core Stylesheet
 *
 * @author:
 * @sub-author:
 * 
 * @date: 
 *
 * @copyright (c) 2020 Zacks Investment Research 
 * @license Internal Use only. No License granted.
 *
 */
/*TS Pages color*/
/* eof */
/* 
 * All the fonts related attributes/styles mentioned here. 
 * As well as file pointing to minify script.
 * 
 * Site uri: https://www.zacks.com/             
 * @file: Core Stylesheet
 *
 * @author: Subhranil Dutta (subhranild@zacksindia.com)
 * @sub-author:
 * 
 * @date: 02/04/2020 
 *
 * @copyright (c) 2020 Zacks Investment Research 
 * @license Internal Use only. No License granted.
 *
 */
/* Global Fonts */
/* mobile landscape */
/* placeholder for fill width attributes */
/* 
***********************************
top etf funds related all styles /funds/top-etfs
***********************************
*/
#top_rank_etf {
  margin-top: 8px !important;
  /* table */
}
#top_rank_etf .two_col div {
  width: 305px;
  float: left;
}
@media (max-width: 1023px) {
  #top_rank_etf .two_col div {
    margin-left: 0;
    width: 98%;
  }
}
#top_rank_etf .two_col div p {
  float: left;
}
@media (max-width: 1023px) {
  #top_rank_etf .two_col div p {
    margin-bottom: 2px;
  }
}
@media (min-width: 1024px) {
  #top_rank_etf .two_col div p {
    margin-top: 2px;
  }
}
#top_rank_etf .two_col div select {
  margin-top: 0 !important;
}
@media (max-width: 1023px) {
  #top_rank_etf .two_col div select {
    margin-bottom: 0.8em !important;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #top_rank_etf .two_col div select {
    width: 220px;
    margin-left: 2px;
  }
}
#top_rank_etf .two_col div + div {
  margin-left: 0 !important;
}
#top_rank_etf footer {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  #top_rank_etf footer p {
    margin-top: 10px;
  }
}
#top_rank_etf table#top_rank_table thead th:last-child button:hover {
  cursor: default;
}

/* compare MF table */
#compare_mf_table .dt-button.buttons-print {
  text-overflow: inherit;
  width: 68px;
  top: -41px;
  right: -9px;
  background-position: left 8px;
  height: 32px;
  box-shadow: none;
  background-color: transparent;
}
#compare_mf_table .dt-button.buttons-print span {
  color: #1d5eb5;
  font-size: 10pt;
  font-weight: 700;
}
#compare_mf_table input[type=text] {
  width: 80px;
  margin-top: 15px;
  padding: 1px 2px;
}
@media (max-width: 767px) {
  #compare_mf_table input[type=text] {
    width: 99%;
    box-sizing: border-box;
  }
}
#compare_mf_table .mf_unit {
  margin-bottom: 20px;
  float: left;
  margin-right: 5px;
  position: relative;
}
@media (max-width: 767px) {
  #compare_mf_table .mf_unit {
    width: 99%;
    box-sizing: border-box;
  }
}
#compare_mf_table #portfolio table th button span {
  display: block;
  text-align: center;
}
#compare_mf_table #portfolio table th button span.red {
  color: #F00000;
}
#compare_mf_table #portfolio table th button span.blue {
  color: #0f84d4;
}
#compare_mf_table #portfolio table th button span.yellow {
  color: #f9a308;
}
#compare_mf_table #portfolio table th button span.green_m {
  color: #62d038;
}
#compare_mf_table ul.tabs {
  clear: both;
}
@media (max-width: 767px) {
  #compare_mf_table ul.tabs {
    box-shadow: none;
  }
  #compare_mf_table ul.tabs li {
    font-size: 12px;
    width: 99%;
    margin-bottom: 5px;
    background-image: none;
  }
  #compare_mf_table ul.tabs li a {
    display: block;
    padding: 0.5em !important;
    background-image: none;
  }
  #compare_mf_table ul.tabs li a:hover {
    color: #1d5eb5 !important;
  }
}
@media (max-width: 1023px) {
  #compare_mf_table .result_container {
    left: 0 !important;
  }
}
@media (max-width: 1023px) {
  #compare_mf_table .result_container .results_tickers {
    left: 0 !important;
  }
}
#compare_mf_table .result_container .results_tickers ul {
  float: left;
}
#compare_mf_table .result_container .results_tickers ul li {
  float: left;
}
#compare_mf_table .result_container .results_tickers ul li a.ui-menu-item-wrapper {
  float: left;
}
@media (max-width: 1023px) {
  #compare_mf_table .result_container .results_tickers ul li a.ui-menu-item-wrapper {
    float: left !important;
  }
}
#compare_mf_table .fancy_button {
  height: 30px;
  padding: 0 1em;
  margin-top: 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #compare_mf_table .fancy_button {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
#compare_mf_table #performance_data table tr th {
  word-wrap: break-word !important;
}
@media print and (max-width: 1023px) {
  #compare_mf_table html {
    overflow-x: inherit;
  }
}

/* top ranked Mutual Fund */
#top_ranked_mf {
  margin-top: 8px;
}
#top_ranked_mf h1 + label {
  float: left;
  width: 290px;
}
@media (max-width: 1023px) {
  #top_ranked_mf h1 + label {
    margin-bottom: 10px;
  }
}
#top_ranked_mf h1 + label select {
  width: 220px;
}
@media (max-width: 1023px) {
  #top_ranked_mf h1 + label select {
    width: 80%;
  }
}
#top_ranked_mf h1 + label + label {
  margin-left: 15px;
  float: none;
}
@media (max-width: 1023px) {
  #top_ranked_mf h1 + label + label {
    margin-left: 0;
    margin-bottom: 0;
  }
}
#top_ranked_mf h1 + label + label select {
  width: 80px;
}
@media (max-width: 1023px) {
  #top_ranked_mf h1 + label + label select {
    width: 80%;
    margin-left: 23px;
  }
}
@media (max-width: 1023px) {
  #top_ranked_mf h1 + label {
    width: 100%;
  }
}
#top_ranked_mf ul.tabs {
  margin-top: 25px !important;
  height: 22px !important;
}
@media screen and (max-width: 991.98px) {
  #top_ranked_mf ul.tabs {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  #top_ranked_mf ul.tabs {
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  #top_ranked_mf ul.tabs li {
    font-size: 12px;
    width: 99%;
    margin-bottom: 5px;
    background-image: none;
  }
}
@media (max-width: 767px) {
  #top_ranked_mf ul.tabs li a {
    display: block;
    padding: 0.5em !important;
  }
}
#top_ranked_mf ul.tabs li.ui-state-active a {
  background-image: none;
}

/* Fund Family page */
#find_family_funds_table {
  margin-top: 8px !important;
}
#find_family_funds_table h1 {
  float: left;
  margin-bottom: 20px;
}
#find_family_funds_table .fund_family_select {
  float: right;
  margin-bottom: 20px;
}
#find_family_funds_table .fund_family_select select {
  width: 220px;
}
#find_family_funds_table .tabs {
  clear: both;
}
@media (max-width: 320px) {
  #find_family_funds_table .tabs li {
    font-size: 7pt;
  }
}
#find_family_funds_table footer {
  width: 100%;
  overflow: hidden;
}

/* common for loader */
@media (max-width: 1023px) {
  .align_center.loader_height {
    padding: 100px 0;
  }
}
@media (min-width: 1024px) {
  .align_center.loader_height {
    padding: 90px 0;
  }
}/*# sourceMappingURL=funds.css.map */