html, body {
    margin: 0;
    padding: 0;
}

/* quotes table */
table.etf-info {
    width: 500px;
    border-collapse: collapse; 
    table-layout: fixed;
}

table.etf-info th,
table.etf-info td {
    height: 30px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3; 
    width: 50%;
}

table.stock-info {
    width: 500px;
    border-collapse: collapse; 
    table-layout: fixed;
}

table.stock-info th,
table.stock-info td {
    height: 30px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3; 
    width: 50%;
}

table.stock-info tr:first-child th,
table.stock-info tr:first-child td {
    border-top: 1px solid #d3d3d3; 
}

td.change-positive {
    color: green;
}

td.change-negative {
    color: red;
}

td.change-neutral {
    color: black;
}

td.change-percent-positive {
    color: green;
}

td.change-percent-negative {
    color: red;
}

td.change-percent-neutral {
    color: black;
}
/* anychart */
#container2 {
    width: 500px;
    height: 600px;
    margin: 0 auto;
}
.semitransp70
{
    FILTER: Alpha(Opacity=50)
}
H1
{
    FONT-SIZE: 20px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2
{
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.dotted
{
    BORDER-RIGHT: 1px dotted;
    BORDER-TOP: 1px dotted;
    BORDER-LEFT: 1px dotted;
    BORDER-BOTTOM: 1px dotted
}
#upper
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#menu2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#white
{
    COLOR: #ffffff
}
.small
{
    FONT-SIZE: 11px;
    COLOR: #393939;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.twelve
{
    FONT-SIZE: 12px;
    COLOR: #303030;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.thirteen
{
    COLOR: #303030;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.reg
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
#blue
{
    COLOR: #0b75e1
}
P
{
    FONT-SIZE: 11px;
    COLOR: #393939;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
INPUT
{
    FONT-SIZE: 10px;
    COLOR: #3f4a5c;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
SELECT
{
    FONT-SIZE: 10px;
    COLOR: #3f4a5c;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
TEXTAREA
{
    FONT-SIZE: 10px;
    COLOR: #3f4a5c;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
A:visited
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: darkslateblue;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A:link
{
    COLOR: black;
    TEXT-DECORATION: underline
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}
#cssmenu {
  width: 197px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-shadow: none;
  box-shadow: none;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 10px 15px;
  border-left: 1px solid #A9D4D4;
  border-right: 1px solid #A9D4D4;
  border-top: 1px solid #000000;
  cursor: pointer;
  z-index: 2;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
  text-shadow: none;
  background: #A9D4D4;
  background: -webkit-linear-gradient(#A9D4D4, #A9D4D4);
  background: -moz-linear-gradient(#A9D4D4, #A9D4D4);
  background: -o-linear-gradient(#A9D4D4, #A9D4D4);
  background: -ms-linear-gradient(#A9D4D4, #A9D4D4);
  background: linear-gradient(#A9D4D4, #A9D4D4);
  box-shadow: none;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #A9D4D4;
  background: -webkit-linear-gradient(#A9D4D4, #709b9b);
  background: -moz-linear-gradient(#A9D4D4, #709b9b);
  background: -o-linear-gradient(#A9D4D4, #709b9b);
  background: -ms-linear-gradient(#A9D4D4, #709b9b);
  background: linear-gradient(#A9D4D4, #709b9b);
}
#cssmenu > ul > li.open > a {
  text-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #709b9b;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 12px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #FFFFFF;
}
.holder::before {
  top: 13px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #A9D4D4;
  border-right: 1px solid #A9D4D4;
  padding: 6px 15px;
  z-index: 1;
  font-size: 11px;
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
  background: #A9D4D4;
  box-shadow: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #709b9b;
  color: #FFFFFF;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}

    .my-table {
      border-collapse: collapse;
      margin: 10px;
      width: 160px;
    }
    .my-table td {
      padding: 3px;
      text-align: center;
    }
    .my-table input[type="text"] {
      padding: 5px 5px;
      display: inline-block;
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 4px;
      vertical-align: middle;
      margin-right: 10px;
      font-size: 16px;
      vertical-align: middle;
      horizontal-align: middle;
      text-transform: uppercase;
    }
    .my-table button[type="submit"] {
      padding: 1px 1px;
      margin-left: 5px;
      margin-right: 5px;
      background-color: #4CAF50;
      border: none;
      color: white;
      border-radius: 5px;
      cursor: pointer;
      vertical-align: middle;
      horizontal-align: middle;
      font-size: 16px;
      height: 50px;
      width: 160px;
    }
      .sl-button {
        background-color: green;
        color: white;
        border: none;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        width: 70px;
        height: 30px;
      }
      .sl-table {
        width: 500px;
        border-collapse: collapse;
      }
      .sl-table td {
        padding: 5px;
      }
	
        .chart-container {
            position: relative;
            height: 280px;
        }
        #intradayChart {
            width: 100%;
            height: 100%;
        }
        .button-container {
            display: flex;
            align-items: center;
        }
        .button-container button {
            margin-left: 10px;
            font-size: 16px;
            padding: 8px 16px;
            cursor: pointer;
        }