@font-face {
    font-family: PP Telegraf;
    font-style: normal;
    font-weight: normal;
    src: url(/tools/sharegraph/App_Themes/ny-hon_archetypa_r2026/fonts/PPTelegraf-Regular.woff2) format('woff2');
  }
  @font-face {
    font-family: PP Telegraf;
    font-style: normal;
    font-weight: bold;
    src: url(/tools/sharegraph/App_Themes/ny-hon_archetypa_r2026/fonts/PPTelegraf-Regular.woff2) format('woff2');
  }
  
  html,
  body,
  .ControllTD,
  #TD_print,
  #TD_detach_graph,
  #TD_download_excel,
  #TD_color_blind_mode,
  .navigation ul li,
  .PerformanceTab_DDL_Performance_Function,
  .PerformanceTab_Performance_NA_Value {
      font-family: "PP Telegraf", Helvetica, Arial, sans-serif;
      font-size: 22px;
      color: #303030;
      font-weight: normal;
  }
  
  .comparelegend_eachname,
  .comparelegend_colon,
  .comparelegend_eachvalue,
  .comparelegend_separator {
      color: #303030 !important;
  }
  
  .highstocklegend {
      font-size: 22px !important;
  }
  
  body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
  }
  
  
  a:visited,
  a:link {
      color: #303030;
  
      font-weight: normal;
      text-decoration: none;
      font-style: none;
  }
  
  a:active,
  a:hover {
      color: #303030;
  
      font-weight: none;
      text-decoration: underline;
      font-style: none;
  }
  
  /* Tool max-width */
  
  #container {
      max-width: 1440px;
      margin: 0 auto;
      position: relative;
  }
  
  #shareGraph {
      min-height: 0;
  }
  
  .Ticker_SelectedRow .TickerValueTD_ShareName {
      color: #800000!important;
      text-decoration: none !important;
  }
  
  tr.TickerRow:not(.Ticker_SelectedRow):hover td.TickerValueTD_ShareName,
  tr.TickerRow:not(.Ticker_SelectedRow):hover .TickerValueTD_ShareName {
      color: #800000 !important;
      text-decoration: none !important;
  }
  
  tr.TickerRow:not(.Ticker_SelectedRow):hover td.TickerValueTD_ShareName a,
  tr.TickerRow:not(.Ticker_SelectedRow):hover .TickerValueTD_ShareName a {
      color: #800000 !important;
      text-decoration: underline !important;
  }
  /* PLUS AND MINUS START */
  
  .minus span,
  .Minus span,
  .PerformanceTab_Performance_Negative_Value,
  .PerformanceTab_Performance_By_Year_Negative_Value {
      color: #FF0000;
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
  }
  
  .minus span:before,
  .Minus span:before,
  .PerformanceTab_Performance_Negative_Value:before,
  .PerformanceTab_Performance_By_Year_Negative_Value:before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      right: -1em;
      margin-top: -0.4em;
      border-left: 0.4em solid transparent;
      border-right: 0.4em solid transparent;
      border-top: 0.7em solid #FF0000;
  }
  
  .plus span,
  .Plus,
  .PerformanceTab_Performance_Positive_Value,
  .PerformanceTab_Performance_By_Year_Positive_Value {
      color: #228C22;
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
  
  }
  
  .plus span:before,
  .Plus:before,
  .PerformanceTab_Performance_Positive_Value:before,
  .PerformanceTab_Performance_By_Year_Positive_Value:before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      right: -1em;
      margin-top: -0.4em;
      border-left: 0.4em solid transparent;
      border-right: 0.4em solid transparent;
      border-bottom: 0.7em solid #228C22;
  }
  
  /* PLUS AND MINUS END */
  
  /* GENERAL - TABLES & HEADINGS & TICKER AREA */
  
  /****************************************** HEADINGS *******************************************************/
  
  .legenddate {
      color: #303030 !important;
      font-size: 1em;
      font-weight: normal;
  }
  
  .Orders_TitleTD_Right {
      color: #303030;
      font-weight: bold;
  }
  
  .Orders_TitleTD_Left,
  .TradesByBroker,
  .DivLastestShareTrades span,
  .PerformanceTab_TD_Select_Type_Label {
      line-height: normal;
      margin: 0px;
      padding: 0px;
  
      font-family: inherit;
      font-size: 1.25em !important;
      color: #303030 !important;
      font-weight: 500;
  
      padding-top: 0em;
      padding-bottom: 1.0em;
  
      display: block;
  }
  
  .TickerDateTD {
      padding-bottom: 0.6em;
      padding-left: 0em;
      padding-top: 0.6em;
      padding-right: 0.6em;
  
      text-align: left;
  }
  
  /********************************************************************************** TABLES *****************************************************************************************/
  
  /*
  #container {
      overflow: visible;
  }
  */
  
  /****************************************** BORDER CONTROLS *******************************************************/
  
  /*** Table ***/
  
  .PerformanceTab_Table_Performance_By_Year,
  .PerformanceTab_Table_Price_Performance,
  .PerformanceTab_Performance_By_Year_Header_Row,
  .orderBorder > table:first-child,
  .BrokerHeaderTable,
  .ShareDataTable,
  .TickerTbl {
      width: 100%;
      box-sizing: border-box;
      border-collapse: collapse;
      border-spacing: 0px;
  }
  
  /*** Inner Borders ***/
  
  .PerformanceTab_Performance_By_Year_Header_Row th,
  .PerformanceTab_Performance_Header_Row th,
  .Orders_HeaderTD_Date.tdOrderMiddle,
  .Orders_HeaderTD_Ask.tdOrderRight,
  .BrokerHeaderTable tr:first-child .Broker_ColumnPercent,
  .BrokerHeaderTable tr:first-child .Broker_ColumnVolume,
  .Trades_VolumeHeading,
  .Trades_LastHeading,
  .TickerNameTD {
      border-left: 0em solid #dee2e6;
  }
  
  
  .PerformanceTab_Performance_By_Year_Row td,
  .PerformanceTab_Performance_Row td,
  .tdOrderMiddle,
  .tdOrderRight,
  .BrokerHeaderTable tr .Broker_ColumnPercent.Broker_ColumnBrokerValue,
  .BrokerHeaderTable tr .Broker_ColumnVolume.Broker_ColumnBrokerValue,
  .Trades_Close_Change,
  .Trades_Size,
  .DataValueTD,
  .TickerValueTD {
      border-left: 0em solid #dee2e6;
  }
  
  .PerformanceTab_Performance_By_Year_Header_Row th.PerformanceTab_Performance_By_Year_Instrument_Heading,
  .PerformanceTab_Performance_By_Year_Row td.PerformanceTab_Performance_By_Year_Instrument_Value,
  .PerformanceTab_Performance_Header_Row th.PerformanceTab_Performance_Instrument_Heading,
  .PerformanceTab_Performance_Row td.PerformanceTab_Performance_Instrument_Value,
  .TickerNameTD_ShareName,
  .TickerValueTD_ShareName {
      border-left: 0px;
  }
  
  
  .PerformanceTab_Performance_By_Year_Row td,
  .PerformanceTab_Performance_Row td,
  .Orders_RowTR > td,
  .Broker_EvenRow td,
  .Broker_OddRow td,
  .Trades_Row td,
  .DataNameTD,
  .DataValueTD,
  .TickerValueTD {
      border-bottom: 1px solid #dee2e6 !important;
  }
  
  
  /*** Outter borders ***/
  
  .PerformanceTab_Performance_By_Year_Header_Row th.PerformanceTab_Performance_By_Year_Instrument_Heading,
  .PerformanceTab_Performance_By_Year_Row td.PerformanceTab_Performance_By_Year_Instrument_Value,
  .PerformanceTab_Performance_Header_Row th.PerformanceTab_Performance_Instrument_Heading,
  .PerformanceTab_Performance_Row td.PerformanceTab_Performance_Instrument_Value,
  .tdOrderLeft,
  .Broker_ColumnOrder,
  .Trades_TradeTime,
  .DataNameTD,
  .Trades_TimeHeading,
  .TickerValueTD_ShareName,
  .TickerNameTD_ShareName {
      border-left: 0em solid #dee2e6;
  }
  
  .PerformanceTab_Performance_By_Year_Prev4_Heading,
  .PerformanceTab_Performance_By_Year_Prev4_Value,
  .PerformanceTab_Performance_52_Week_High_Low_Heading,
  .PerformanceTab_Performance_52_Week_High_Low_Value,
  .tdOrderRight,
  .Broker_ColumnVolume,
  .Trades_Size,
  .DataValueTD,
  .Trades_VolumeHeading,
  .TickerValueTD_Volume,
  .TickerNameTD_Volume {
      border-right: 0em solid #dee2e6;
  }
  
  .PerformanceTab_Performance_By_Year_Row:last-child td,
  .PerformanceTab_Performance_Row:last-child td,
  .Orders_RowTR:last-child > td,
  .BrokerHeader tr:last-child td,
  .Trades_Row:last-child td,
  .DataTable tr:last-child .DataNameTD,
  .DataTable tr:last-child .DataValueTD,
  .TickerRow:last-child .TickerValueTD {
      border-bottom: 0em solid #dee2e6;
  }
  
  .PerformanceTab_Performance_By_Year_Header_Row th,
  .PerformanceTab_Performance_Header_Row th,
  .DataTable tr:first-child .DataNameTD,
  .DataTable tr:first-child .DataValueTD {
      border-top: 0em solid #dee2e6;
  }
  
  /*** Header Top/Bottom Borders ***/
  
  .PerformanceTab_Performance_By_Year_Header_Row th,
  .PerformanceTab_Performance_Header_Row th,
  .Orders_HeaderTD,
  .BrokerHeaderTable tr:first-child td,
  .Trades_RowHeader td,
  .TickerNameTD {
      border-top: 0px solid #1181BB;
      border-bottom: 0px solid #1181BB;
  }
  
  /*** Header Left/Right Borders ***/
  
  .PerformanceTab_Performance_Header_Row th.PerformanceTab_Performance_Instrument_Heading,
  .PerformanceTab_Performance_By_Year_Header_Row th.PerformanceTab_Performance_By_Year_Instrument_Heading,
  .Orders_HeaderTD_Bid,
  .BrokerHeader tr:first-child td.Broker_ColumnOrder,
  .Trades_TimeHeading,
  .TickerNameTD_ShareName {
      border-left-color: #dee2e6;
  }
  
  
  .PerformanceTab_Performance_Header_Row th:last-child,
  .PerformanceTab_Performance_By_Year_Header_Row th:last-child,
  .Orders_HeaderTD_Ask,
  .BrokerHeader tr:first-child td.Broker_ColumnVolume,
  .Trades_VolumeHeading,
  .TickerNameTD_Volume {
      border-right-color: #dee2e6;
  }
  
  
  /*** Ticker date fix, needed because the date and the ticker table are actually in a single table ***/
  
  td.TickerDateTD {
      border-left: 0em solid transparent;
      border-right: 0em solid transparent;
  }
  
  /*** Table Backgrounds ***/
  
  /*** Head ***/
  
  .PerformanceTab_Performance_By_Year_Header_Row th,
  .PerformanceTab_Performance_Header_Row th,
  .Orders_HeaderTD_Date,
  .BrokerHeader tr:first-child td,
  .Trades_VolumeHeading,
  .Trades_LastHeading,
  .TickerNameTD {
      background: transparent;
      color: #FFFFFF;
      text-align: right;
      font-weight: 600;
      text-transform: none;
  }
  
  
  .PerformanceTab_Performance_By_Year_Header_Row th.PerformanceTab_Performance_By_Year_Instrument_Heading,
  .PerformanceTab_Performance_Header_Row th.PerformanceTab_Performance_Instrument_Heading,
  .Orders_HeaderTD_Bid,
  .Orders_HeaderTD_Ask,
  .BrokerHeader tr:first-child td.Broker_ColumnOrder,
  .BrokerHeader tr:first-child td.Broker_ColumnBroker,
  .Trades_TimeHeading,
  .TickerNameTD_ShareName {
      background: transparent;
      color: #FFFFFF;
      text-align: left;
      font-weight: 600;
      text-transform: none;
  }
  
  /*** Body ***/
  
  .PerformanceTab_Performance_By_Year_Row_EvenRow td,
  .PerformanceTab_Performance_Row_EvenRow td,
  .Orders_EvenRowTR > td,
  .Broker_EvenRow td,
  .TradesTable .EvenRow td,
  .EvenRowTR .DataNameTD,
  .EvenRowTR .DataValueTD,
  .Ticker_OddRow .TickerValueTD {
      background: #FFFFFF !important;
  }
  
  .PerformanceTab_Performance_By_Year_Row_OddRow td,
  .PerformanceTab_Performance_Row_OddRow td,
  .Orders_OddRowTR > td,
  .Broker_OddRow td,
  .TradesTable .OddRow td,
  .OddRowTR .DataNameTD,
  .OddRowTR .DataValueTD,
  .Ticker_EvenRow .TickerValueTD {
      background: #FFFFFF !important;
  }
  
  .PerformanceTab_Performance_By_Year_Row td,
  .PerformanceTab_Performance_Row td,
  .Orders_RowTR > td.tdOrderMiddle,
  .BrokerHeaderTable tr td,
  .TradesTable .Trades_Row .Trades_Close_Change,
  .TradesTable .Trades_Row .Trades_Size,
  .ShareDataTable tr .DataValueTD,
  .TickerRow .TickerValueTD {
      background: #FFFFFF !important;
      text-align: right;
      color: #303030;
  
      font-weight: normal;
  }
  
  .PerformanceTab_Performance_By_Year_Row td.PerformanceTab_Performance_By_Year_Instrument_Value,
  .PerformanceTab_Performance_Row td.PerformanceTab_Performance_Instrument_Value,
  .Orders_RowTR > td.tdOrderLeft,
  .Orders_RowTR > td.tdOrderRight,
  .BrokerHeaderTable tr td.Broker_ColumnOrderValue,
  .BrokerHeaderTable tr td.Broker_ColumnOrderValue + .Broker_ColumnBrokerValue,
  .TradesTable .Trades_Row .Trades_TradeTime,
  .ShareDataTable tr .DataNameTD,
  .TickerRow .TickerValueTD_ShareName {
      background: #ffffff !important;
      text-align: left;
      color: #303030;
      font-weight: normal;
      text-transform: none;
  }
  
  /*
  .TickerRow .TickerValueTD_ShareName {
      background: rgba(188, 195, 200, 0.3) !important;
  }
  */
  
  /***************************************** Order Depth *****************************************/
  
  .Orders_RowTR > td.tdOrderLeft,
  .Orders_HeaderTD_Bid {
      text-align: left;
  }
  
  .Orders_RowTR > td.tdOrderRight,
  .Orders_HeaderTD_Ask {
      text-align: right;
  }
  
  /***************************************** END OF BORDER CONTROL **************************************************/
  
  .DataTable,
  .TickerTbl,
  table.TradesTable,
  .orderBorder table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  
  .TradesTable {
      margin-bottom: 1em;
  }
  
  .orderBorder .tdOrderMiddle table {
      border-bottom: 0em;
  }
  
  .BrokerHeaderTable {
      border-collapse: collapse;
  }
  
  .Orders_HeaderTD,
  .BrokerTypeRow,
  .BrokerHeaderTable tbody tr:first-child td,
  .TickerNameTD,
  .TradesTable .Trades_RowHeader td,
  .PerformanceTab_Performance_Header_Row th,
  .PerformanceTab_Performance_By_Year_Header_Row th {
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      padding-left: 0.6em;
      padding-right: 0.6em;
  }
  
  .BrokerTypeRow {
      border-bottom: 0;
      padding-bottom: 0em;
  }
  
  .Orders_RowTR .tdOrderLeft,
  .Orders_RowTR .tdOrderMiddle,
  .Orders_RowTR .tdOrderRight,
  .Broker_EvenRow td,
  .Broker_OddRow td,
  .TickerValueTD,
  .DataNameTD,
  .DataValueTD,
  .TradesTable .Trades_Row td,
  .PerformanceTab_Performance_By_Year_Row td,
  .PerformanceTab_Performance_Row td {
      padding-top: 0.6em;
      padding-bottom: 0.6em;
      padding-left: 0.6em;
      padding-right: 0.6em;
  
      height: auto;
      line-height: normal;
  }
  
  .TradesTable .Trades_RowHeader td.Trades_LastHeading,
  .TradesTable .Trades_Row td.Trades_Close_Change {
      padding-right: 1.5em;
  }
  
  .TickerValueTD_LastPriceChange,
  .TickerValueTD_LastPricePercentChange {
      padding-right: 1.5em;
  }
  
  .TickerNameTD_LastPriceChange,
  .TickerNameTD_LastPricePercentChange {
      padding-right: 0.6em;
  }
  
  .TickerValueTD {
      width: 8.8%;
      white-space: nowrap;
  }
  
  .TickerValueTD_ShareName {
      width: 20.08%;
      white-space: normal;
  }
  
  .TickerNameTD {
      white-space: nowrap;
  }
  
  
  
  /* Selected row controls */
  .Ticker_SelectedRow {}
  
  .TickerNameTD_MarketName,
  .TickerValueTD_MarketName {
      display: none;
  }
  
  @media (min-width: 0px) and (max-width: 783px) {
  
      .TickerValueTD_Ask,
      .TickerValueTD_Bid,
      .TickerNameTD_Ask,
      .TickerNameTD_Bid {
          display: none;
      }
  
      .TickerValueTD {
          width: 12.5%;
      }
  
      .TickerValueTD_ShareName {
          width: 25%;
      }
  }
  
  @media (min-width: 0px) and (max-width: 667px) {
  
      .TickerValueTD_High,
      .TickerValueTD_Low,
      .TickerNameTD_High,
      .TickerNameTD_Low {
          display: none;
      }
  
      .TickerValueTD {
          width: 17.5%;
      }
  
      .TickerValueTD_ShareName {
          width: 30%;
      }
  }
  
  @media (min-width: 0px) and (max-width: 496px) {
  
      .TickerValueTD_LastPricePercentChange,
      .TickerNameTD_LastPricePercentChange {
          display: none;
      }
  
      .TickerValueTD {
          width: 20%;
      }
  
      .TickerValueTD_ShareName {
          width: 40%;
      }
  }
  
  
  /* END OF TICKER AREA */
  
  /********************************************************************************* TABS AREA START */
  
  #tabPanel {
      margin-top: 2em;
      margin-bottom: 1.5em;
      width: 100%;
      height: auto;
      line-height: normal;
  
      position: relative;
      z-index: 0;
  }
  
  #tabPanel:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0em;
      left: 0em;
      width: 100%;
      height: 0em;
      z-index: -1;
  
      /* border-bottom: 1px solid #cccccc    ; */
  }
  
  #tabPanel ul {
      text-align: center !important;
      font-size: 0em;
  }
  
  /* Unselected tab rules */
  .navigation ul li a {
      height: auto;
      line-height: normal;
      padding-top: 0.7em !important;
      padding-right: 0;
      padding-bottom: 0.7em !important;
      padding-left: 0;
      margin-top: 0em;
      margin-right: auto;
      margin-bottom: 0em;
      margin-left: auto;
      border-radius: 0px;
      display: block;
      font-family: inherit;
      font-weight: 600;
      font-size: 1.0em;
      text-transform: none;
      color: #303030;
      border: 1px solid #f7f7f7!important;
      font-style: normal;
      text-decoration: none;
      border-top: 0;
      border-right: 0;
      border-bottom: 0;
      border-left: 0;
      background: #f7f7f7;
      transition: none;
      position: relative;
      top: 0;
      left: 0em;
      box-sizing: border-box;
      width: 98%;
  }
  
  .navigation ul li a:hover {
      background: #800000;
      color: #ffffff;
      border: 0px solid #007bc2 !important;
      text-decoration: none;
      font-style: normal;
      z-index: 9;
  }
  
  /* Selected tab rules */
  .navigation ul li a.tab_selected {
      background: #800000;
      border: 0px solid #007bc2!important;
      color: #ffffff;
      position: relative;
      top: 0px;
      font-weight: 600;
      left: 0px;
      z-index: 10;
  }
  tr.Ticker_HeaderRow.HeaderRow.Ticker_HeaderRow_Header {
      background: #800000;
  }
  .tab_selected:hover {}
  
  
  /* END OF TABS AREA */
  /* Corrections for period selection & graph legend display */
  
  /*************************************** Start of: Graph interval selection & legend ****************************************/
  
  .PeriodSelectionIntervalText {
      font-size: 0em;
      width: 0em;
      padding: 0em;
  }
  
  ul#_ulPeriod {
      padding-top: 0em !important;
  }
  
  #_ulPeriod li {
      padding: 0.5em;
      padding-top: 0em;
  }
  
  .ul_highstocklegend li {
      list-style: none;
      margin-left: 0em;
      line-height: 1em;
      height: auto;
  
      float: none;
      display: inline-block;
      *display: inline;
      *zoom: 1.0;
  }
  
  .comparelegend_name {
      padding: 0px;
  
      position: relative;
      top: 0em;
      left: 0em;
      margin-left: 0em;
  
      display: inline-block !important;
  }
  
  .comparelegend_name:before {
      content: "■";
      font-family: 'PP Telegraf', 'Tajawal', sans-serif;
      font-size: 1.2em;
      position: relative;
      left: 0;
      top: 0;
      margin-top: -0.385em;
      margin-right: 0.2em;
      line-height: 0.5em;
      display: inline-block !important;
  
  }
  
  .ul_highstocklegend_color_blind_mode .comparelegend_name:before {
      content: "";
  }
  
  #_ulPeriod li label {
      white-space: nowrap;
  }
  
  div#periodSelectionPanel {
      border-bottom: 1px solid #A6A6A6;
  }
  #rbt1Day:checked,
  #rbt5Day:checked,
  #rbt1Month:checked,
  #rbt3Month:checked,
  #rbt6Month:checked,
  #rbtYTD:checked,
  #rbt1Year:checked,
  #rbt3Year:checked,
  #rbt5Year:checked {
      accent-color: #800000!important;
  }
  .highstocklegend {
      padding: 0em;
  }
  
  .ul_highstocklegend {
      padding: 0em 1.5em 0.5em 1.5em;
      padding: 0em 0 0.5em 0;
      border-bottom: 1px solid #dee2e6;
      margin-bottom: -1px;
  }
  
  .comparelegend_value {
      padding-left: 0.5em;
      padding-right: 0.5em;
  }
  
  .legenddate {
      padding-top: 0.7em;
      padding-bottom: 0.5em;
  }
  
  @media (min-width: 0px) and (max-width: 509px) {
  
      /**************** Gets rid of the exsess values on the legend ****************/
      .legendSharesDiv .comparelegend_value {
          white-space: normal !important;
      }
  
      .legendSharesDiv div {
          display: inline-block;
      }
  
      .legendSharesDiv .comparelegend_value > div > div {
          display: none !important;
      }
  
      .legendSharesDiv .comparelegend_value > div > div:last-child {
          display: inline-block !important;
      }
  
  }
  
  /*************************************** Start of: Graph Buttons ****************************************/
  
  #additionFunctionPanelPanel {
      padding: 0.5em 0 0 0;
  }
  
  .additionFunction table {
      margin: 0em;
      width: 100%;
  }
  
  
  .button,
  .button:link,
  .button:visited {
      display: block;
      font-family: inherit;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      text-transform: uppercase;
      margin: 0.5em;
      padding: 15px 5px;
      border: 0px solid #007bc2;
      border-radius: 4px;
      background: #800000;
      transition: all .3s ease;
      text-decoration: none;
      padding-top: 20px;
  }
  
  .button:active,
  .button:hover {
      text-decoration: none;
      background:#800000;
      color: #ffffff;
      border-color: #00629b;
  }
  
  .button img {
      display: none;
  }
  input[type="checkbox"],
  input[type="radio"] {
      accent-color: #800000!important;
  }
  .additionFunction table,
  .additionFunction tbody,
  .additionFunction tr {
      display: block;
  }
  
  .additionFunction tr {
      font-size: 0em;
      text-align: center;
  }
  
  .additionFunction table td {
      width: auto;
      text-align: center;
  
      display: inline-block;
      *display: inline;
      *zoom: 1.0;
  
      min-width: 13.8em;
      box-sizing: border-box;
  }
  
  @media (max-width: 885px) {
      .t-ie9 .additionFunction table td {
          /** Hack for IE9, but effects IE10 as well */
          float: left \ ;
          width: 100% \ ;
      }
  }
  
  /*************************************** Start of: Graph Controls ****************************************/
  
  
  .ControllTD > div {
      margin: 1em 0.2em 0 0.2em;
      border: 1px solid #f7f7f7;
      background-color: #f7f7f7;
  }
  
  .title {
      font-family: inherit;
      font-size: 1.0em;
      color: #303030;
      font-weight: bold;
      font-style: normal;
      text-transform: initial;
      background: #f7f7f7;
      text-align: left;
      float: center;
      border-bottom: 0px solid #707070;
      padding-top: 0.8em;
      padding-bottom: 0.6em;
      padding-left: 0.8em;
      padding-right: 0.6em;
      margin-bottom: 0em;
      margin-top: 0em;
  }
  
  text.highcharts-yaxis-title {
      font-weight: 500 !important;
      font-size: 22px !important;
  }
  
  .divtable {
      padding: 0em 0.6em 0.6em 0.8em;
      clear: both;
      min-height: 6em;
      background: #f7f7f7;
  }
  
  /*
  div#otherOptionPanel .divtable {
      min-height: auto;
  }
  */
  
  .custom_label td {
      line-height: normal;
      height: auto;
  }
  
  table td.compare_part {
      padding-left: 0.4em;
      width: 100%;
  }
  
  table td.compare_part div {
      width: auto;
  }
  
  .ControllRow > tbody,
  .ControllRow > tbody > tr,
  .ControllRow {
      display: block;
  }
  
  .ControllRow > tbody > tr {
      font-size: 0em;
      text-align: left;
  }
  
  .ControllTD {
      width: 33.33%;
      vertical-align: top;
  
      display: inline-block;
      *display: inline;
      *zoom: 1.0;
      /* IE 8 & below CSS correction */
      float: left\9;
      /* * * * * * * * * * * * * * * */
      text-align: left;
  }
  
  .ControllRow {
      padding: 0;
  }
  
  .ControllTD .table_row {
      height: auto;
      line-height: 30px;
  }
  
  #lowerpart {
      padding: 3px 32px 3px 54px;
  }
  
  .t-safari .ControllTD input[disabled] {
      /* Fix for iOS Safari where the disabled input boxes are cut when inside inline-block elements */
      opacity: 1.0;
      border-color: #ccc;
      background: #fafafa;
  }
  
  @media (min-width: 0px) and (max-width: 783px) {
  
      .ControllTD {
          width: 50%;
          float: none;
          min-height: 11em;
  
          min-width: 14.28em;
      }
  
      .ControllRow > tbody > tr {
          text-align: center;
      }
  }
  
  
  @media (max-width:533px) {
      .ControllTD {
          width: 70%;
          float: none;
      }
  }
  
  @media (min-width: 0px) and (max-width: 524px) {
      .ControllTD {
          float: none;
          height: auto;
          min-height: 0;
      }
  
      .t-ie9 .ControllTD {
          /** Hack for IE9, but effects IE10 as well */
          float: left \ ;
          width: 100% \ ;
      }
  
      .divtable {
          min-height: 0em;
      }
  }
  
  #footer {
      clear: both;
  }
  
  /*************************************** Start of: Share data ****************************************/
  
  .DataNameTD,
  .DataValueTD {
      width: 50%;
  }
  
  /*************************************** Start of: Trades ****************************************/
  
  .TradesTable .Trades_RowHeader td {
      width: 33.33%;
  }
  
  .TradesTable .Trades_RowHeader td.Trades_LastHeading,
  .TradesTable .Trades_RowHeader td.Trades_TimeHeading {
      width: 22%;
  }
  
  
  
  .excellink {
      text-align: right;
      padding-bottom: 1em;
  }
  
  .Buyers {
      vertical-align: top;
  }
  
  .Broker_DivBullet {
      width: 1em;
      height: 1em;
      line-height: 1em;
  }
  
  .Broker_ColumnBroker,
  .Broker_ColumnPercent,
  .Broker_ColumnVolume {
      width: 33.33%;
  }
  
  .fullbrokername {
      padding: 0.5em;
      background: #fff;
      border: 1px solid #dee2e6;
      box-shadow: 1px 1px 2px #A6A6A6;
  }
  
  .Buyers {
      padding-right: 0.25em;
  }
  
  .Sellers {
      padding-left: 0.25em;
  }
  
  .Buyers,
  .Sellers {
      vertical-align: top;
  }
  
  .Broker_Chart {
      text-align: center;
  }
  
  @media (min-width: 0px) and (max-width: 549px) {
      .Broker_Chart img {
          display: none;
      }
  
      .BrokerContentTable,
      .BrokerContentTable > tbody,
      .BrokerContentTable > tbody > tr,
      .Sellers,
      .Buyers {
          display: block
      }
  
      .Broker_Chart {
          clear: both;
      }
  
      .BrokerTableContent {
          float: left;
          clear: both;
      }
  
      .Sellers .BrokerTableContent {
          margin-top: 1em;
      }
  }
  
  /*************************************** Start of: Order Depth ****************************************/
  
  .Orders_TitleTD_Right {
      text-align: right;
  }
  
  .Orders_RowTR .tdOrderLeft {
      text-align: left;
  }
  
  .Orders_VolumeTD_AskBox {
      background: #303030;
  }
  
  .Orders_VolumeTD_BidBox {
      background: #EEEEEE;
  }
  
  .Orders_VolumeTD_BidNumber {
      text-align: right;
      padding-right: 0.5em;
      white-space: nowrap;
  }
  
  .Orders_VolumeTD_AskNumber {
      text-align: left;
      padding-left: 0.5em;
      white-space: nowrap;
  }
  
  .Orders_HeaderTD_Date {
      text-align: center;
  }
  
  /*************************************** Start of: Performance ****************************************/
  
  .PerformanceTab_TD_Select_Type_Label {
      width: 50%;
      text-align: left;
  }
  
  .PerformanceTab_TD_Select_Type_Value {
      padding: 0 0 0.5em 0;
      width: 50%;
      text-align: right;
  }
  
  .PerformanceTab_TD_Select_Currency_Label,
  .PerformanceTab_TD_Select_Currency_Value {
      display: none;
  }
  
  .PerformanceTab_DDL_Performance_Function {
      color: #303030;
      font-size: 1em;
      padding: 0.22em;
      box-sizing: border-box;
      background: #fff;
      border: 1px solid #cccccc;
      max-width: 20em;
      width: 100%;
  }
  
  .PerformanceTab_Performance_Row td {
      padding-right: 1.5em;
  }
  
  .PerformanceTab_Performance_Row .PerformanceTab_Performance_52_Week_High_Low_Value,
  .PerformanceTab_Performance_Row .PerformanceTab_Performance_All_Time_High_Low_Value {
      padding-right: 0.6em;
  }
  
  .PerformanceTab_Performance_By_Year_Row td {
      padding-right: 1.5em;
  }
  
  th.PerformanceTab_Performance_By_Year_Instrument_Heading,
  .PerformanceTab_Performance_Header_Row th.PerformanceTab_Performance_Instrument_Heading {
      text-align: left;
  }
  
  td.PerformanceTab_Performance_By_Year_Instrument_Value,
  .PerformanceTab_Performance_Row td.PerformanceTab_Performance_Instrument_Value {
      text-align: left;
  }
  
  .PerformanceTab_Performance_Instrument_Value div,
  .PerformanceTab_Performance_By_Year_Instrument_Value div {
      padding: 0px !important;
      margin: 0px !important;
  }
  
  .PerformanceTab_Table_Price_Performance,
  .PerformanceTab_Table_Performance_By_Year {
      width: 100%;
  }
  
  .PerformanceTab_Performance_Header_Row th {
      padding-left: 0.5em;
  }
  
  .PerformanceTab_Performance_By_Year_Header_Row th {
      padding-right: 1em;
      padding-left: 0.5em;
  }
  
  .PerformanceTab_Performance_By_Year_NA_Value,
  .PerformanceTab_Performance_Neutral_Value,
  .PerformanceTab_Performance_By_Year_Neutral_Value,
  .PerformanceTab_Performance_NA_Value {
      color: inherit;
  }
  
  .PerformanceTab_Performance_Instrument_Value span.PerformanceTab_SharePriceDevelopment_Instrument_InstrumentName {
      display: inline-block;
      padding-right: 0.5em;
  }
  
  #tabPanel li {
      width: 25%;
  }
  
  @media (min-width: 0px) and (max-width: 670px) {
  
      .PerformanceTab_Performance_By_Year_Prev4_Heading,
      .PerformanceTab_Performance_By_Year_Prev4_Value {
          display: none;
      }
  }
  
  @media (min-width: 0px) and (max-width: 526px) {
  
      .PerformanceTab_Performance_By_Year_Prev3_Heading,
      .PerformanceTab_Performance_By_Year_Prev3_Value {
          display: none;
      }
  }
  
  @media (min-width: 0px) and (max-width: 435px) {
  
      .PerformanceTab_Performance_By_Year_Prev2_Heading,
      .PerformanceTab_Performance_By_Year_Prev2_Value {
          display: none;
      }
  
  
  }
  
  @media (min-width: 0px) and (max-width: 692px) {
  
      .PerformanceTab_Performance_52_Week_High_Low_Value,
      .PerformanceTab_Performance_52_Week_High_Low_Heading,
      .PerformanceTab_Performance_1_Month_Change_Heading,
      .PerformanceTab_Performance_1_Month_Change_Value {
          display: none;
      }
  
      .PerformanceTab_Performance_5_Year_Change_Heading,
      .PerformanceTab_Performance_5_Year_Change_Value {
          border-right: 0em solid #dee2e6;
      }
  
  }
  
  @media (min-width: 0px) and (max-width: 572px) {
  
      .PerformanceTab_Performance_3_Month_Change_Heading,
      .PerformanceTab_Performance_3_Month_Change_Value {
          display: none;
      }
  }
  
  /*************************************** End of: Performance data ****************************************/
  
  #divCalendar {
      border: 1px solid #dee2e6;
      background: #fff;
      box-shadow: 1px 1px 2px #A6A6A6;
  }
  
  .dbFooter,
  .dbFooter_ar {
      padding-top: 1em;
      font-size: 17px;
  }
  
  
  /* ------------Changes-------------- */
  
  /* --------tabs---------- */
  
  /* #tabPanel ul li {
      margin-right: 0em;
      width: 25%;
      box-sizing: border-box;
  }
  
  li#liPerformance {
      margin-right: 0 !important;
  } */
  
  
  /* -------------graph-------------- */
  #htmlgraph {
      height: 450px;
  }
  
  
  /* ---------highstocklegend------ */
  
  .legenddate {
      margin-left: 45px;
      margin-right: 29px;
      border: 1px solid #dee2e6;
      border-bottom: 0;
      padding-left: 0.8em !important;
      box-sizing: border-box;
  }
  
  .ul_highstocklegend {
      border: 1px solid #dee2e6;
      border-top: 0;
      margin-left: 45px;
      margin-right: 29px;
      padding-left: 0.8em !important;
      box-sizing: border-box;
      padding-bottom: 0.5em;
  }
  
  .periodSelection ul {
      border-bottom: 0 !important;
      padding-bottom: 1em;
      text-align: center !important;
      box-sizing: border-box;
  }
  
  /* --------lowerpart------ */
  
  div#periodSelectionPanel {
      border-bottom: 0 !important;
  }
  
  .additionFunction tr {
      font-size: 0em;
      text-align: center;
      padding-left: 30px;
      padding-right: 20px;
  }
  
  .ControllTD input {
      font-family: 'PP Telegraf', sans-serif;
  }
  
  input#txtInsertPeriod {
      font-family: 'PP Telegraf', sans-serif;
      font-size: 22px;
      color: #303030;
      font-weight: normal;
      padding: 0px 7px;
      border: #dee2e6 1px solid;
  }
  
  
  .comparelegend_eachvalue {
      font-weight: 600;
  }
  
  span.LastestShareTrades,
  td.PerformanceTab_TD_Select_Type_Label {
      display: none !important;
  }
  
  
  
  input#txtInsertPeriod {
      font-family: inherit;
      padding: 0px 5px;
      font-size: inherit;
  }
  
  @media (max-width: 1200px) {
  
      html,
      body,
      .ControllTD,
      #TD_print,
      #TD_detach_graph,
      #TD_download_excel,
      #TD_color_blind_mode,
      .navigation ul li,
      .PerformanceTab_DDL_Performance_Function,
      .PerformanceTab_Performance_NA_Value {
          font-size: 17px;
      }
  
      .highstocklegend {
          font-size: 17px !important;
      }
  
      .dbFooter,
      .dbFooter_ar {
          font-size: 13px;
      }
  
  }
  
  @media (max-width: 797px) {
      .PerformanceTab_TD_Select_Type_Label {
          width: 100%;
      }
  }
  
  @media (max-width: 676px) {
  
      div#comparelegend,
      .comparelegend_value {
          display: block !important;
          margin-bottom: 10px;
      }
  }
  
  @media (max-width: 668px) {
      .navigation ul li a {
          width: 100%;
          box-sizing: border-box;
      }
  
      #tabPanel ul li {
          width: 40%;
          margin: 5px;
      }
  
  }
  
  
  
  @media (max-width: 472px) {
  
      .PerformanceTab_TD_Select_Type_Label,
      .PerformanceTab_TD_Select_Type_Value,
      .body_ar-ae td.PerformanceTab_TD_Select_Type_Value,
      .body_ar-ae td.PerformanceTab_TD_Select_Type_Label {
          width: 100%;
          display: block;
          text-align: center !important;
      }
  }
  
  
  @media (max-width: 430px) {
      #tabPanel ul li {
          width: 80%;
          margin: 5px;
      }
  }
  
  div#legend_title {
      font-weight: normal !important;
  }
  
  /**********************************Custom calendar in SG******************************/
  .DynarchCalendar-title div {
      text-shadow: none;
  }
  
  .DynarchCalendar-bottomBar-today,
  .button_bg {
      display: block;
      font-family: inherit;
      font-size: 13px;
      font-weight: normal;
      color: #FFFFFF;
      text-transform: uppercase;
      margin: 3px;
      padding: 7px;
      border: 1px solid #EEF8FE;
      border-radius: 0px;
      background: #800000;
      transition: none;
      text-decoration: none;
  }
  
  .button_bg {
      padding: 0px !important;
      display: initial;
  }
  
  .DynarchCalendar-bottomBar-today:hover,
  .button_bg:hover {
      background: #800000;
      color: #FFFFFF !important;
      border-color: #ABABAB;
      cursor: pointer;
  }
  
  .DynarchCalendar-day-today.DynarchCalendar-day-selected,
  .DynarchCalendar-day:active {
      background-color: #800000;
      color: #ffffff !important;
  }
  
  table.DynarchCalendar-titleCont,
  .DynarchCalendar-dayNames div,
  .DynarchCalendar-day {
      color: #007bc2;
  }
  
  .DynarchCalendar-dayNames tr td div {
      background: #ffffff !important;
      border: 1px solid transparent !important;
  }
  
  .DynarchCalendar-dayNames div,
  .DynarchCalendar-day,
  .DynarchCalendar-weekNumber {
      padding: 10px 5px;
      margin: 1px;
      background: #fff;
      border: 1px solid transparent;
      border-radius: 25px;
      -webkit-transition: opacity 0.35s ease;
      -moz-transition: opacity 0.35s ease;
      -o-transition: opacity 0.35s ease;
      transition: opacity 0.35s ease;
      color: #262626;
      text-align: center;
      font-weight: normal;
  }
  
  .DynarchCalendar table {
      line-height: 16px;
      color: #007bc2 !important;
      font-family: inherit;
      font-size: 22px !important;
  }
  
  .DynarchCalendar-day:hover {
      color: #ffffff !important;
      background: #800000;
      text-shadow: none;
  }
  
  .DynarchCalendar-weekend,
  .DynarchCalendar-dayNames .DynarchCalendar-weekend {
  
      color: #373737 !important;
  }
  
  
  
  /**/
  .DynarchCalendar-hover-nextYear div,
  .DynarchCalendar-hover-nextYear div,
  .DynarchCalendar-hover-prevYear div,
  .DynarchCalendar-hover-prevYear div,
  .DynarchCalendar-hover-navBtn div {
      border: 0;
      /*    background: #007bc2;*/
  }
  
  .DynarchCalendar-hover-nextYear div:after,
  .DynarchCalendar-hover-nextYear div:before,
  .DynarchCalendar-hover-prevYear div:after,
  .DynarchCalendar-hover-prevYear div:before,
  .DynarchCalendar-hover-navBtn div:after,
  .DynarchCalendar-hover-navBtn div:before {
      cursor: pointer;
      border-right-color: #ffffff;
      border-left-color: #ffffff;
  }
  
  .DynarchCalendar-hover-title div {
      border: 0px solid #000;
      background-image: none;
      padding: 5px 16px;
  }
  
  .DynarchCalendar-pressed-title div {
      color: #007bc2;
  }
  
  .DynarchCalendar-day-selected {
      background: #800000;
      color: #ffffff !important;
  }
  
  .DynarchCalendar table {
      line-height: 16px;
      color: #262626 !important;
      font-family: inherit;
      font-size: 22px !important;
  }
  
  
  /**********************************Custom calendar in SG******************************/
  .supplied_by_euroland a.hyperlink::before {
      display: none;
  }
  
  .supplied_by_euroland a.hyperlink {
      width: auto;
  }
  
  .supplied_by_euroland a.hyperlink::before {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      content: '';
      background: right url(//tools.eurolandir.com/tools/data/logo-transparent.png) no-repeat #FFF;
      background-size: contain;
      -webkit-print-color-adjust: exact;
      -moz-print-color-adjust: exact;
      -ms-print-color-adjust: exact;
      print-color-adjust: exact;
  }