body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-weight: 400;
	font-size: 12px;
}


#header>.mui-appbar {
	background-color: #25252a;
	min-height: 46px;
}
#header>.mui-appbar>.mui-container {
	padding-left: 0px;

}
#navigation>span * {
	padding-left: 10px;
	padding-right: 10px;
}
#navigation a {
	color: #CCDCE8;
}
#navigation a:hover {
	color: #EEFEFA;
	
}

.mui--divider-bottom {
	margin-bottom: 5px;
}

.logo>a>img {
	padding-left: 15px;
	padding-right: 15px;
}

.logo>a {
	font-size: 23px;
	font-weight: 300;
	color: #eeeeee!important;
}
.logo>a:hover {
	text-decoration: none;
	}

.pro {
	color: #48e8c8;
	white-space: nowrap;
}

a.pro {
	color: #48e8c8!important;
}

a.tooltip::after
{
    content: '?';
    font-size: 70%;
/*    font-family: sans-serif; */
    vertical-align: middle;
/*    font-weight: bold; */
    text-align: center;
    display: inline-block;
    width: 2.2ex;
    height: 2.2ex;
    border-radius: 2.0ex;
    background: #aaa; 
    color: #eee;
    border: thin solid #aaa;
	line-height:1.8ex;
}

a.tooltip {
  position: relative;
  display: inline;
}
a.tooltip span {
  position: absolute;
  width:140px;
  color: #eee;
  background: #555;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}

a.tooltip span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #555;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltip span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

a { 
	color : #25252a;
}

a:hover {
	color: #58585d;
}

.mui--text-headline {
	line-height:24px;
	font-weight: 300;
}

.mui--text-display1 {
	font-size: 32px;
	}

#ticker {
	background-color: #2a2c39;
}
#ticker>.mui-container {
	margin-top: 50px;
	min-height: 46px;
	color: #eeeeee;
	padding-top: 6px;
}
#ticker .pro {
	font-size: 11px;

}

@media (min-width: 768px) {
	#ticker>div>div:first-child {
		padding-left:0px;
	}
}

.mui--appbar-line-height{
	line-height:46px;
}

.mui-table>tbody>tr>td, .mui-table>thead>tr>th {
	padding: 3px;
	text-align: right;
}

#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  transition: left 0.2s;
}

#sidedrawer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 200px;
  left: -200px;
  overflow: auto;
  z-index: 2;
  background-color: #fff;
  transition: left 0.2s;
}

#content-wrapper {
  min-height: 100%;
  overflow-x: hidden;
  margin-left: 0px;
  transition: margin-left 0.2s;
  
  /* sticky bottom 
  margin-bottom: -160px;
  padding-bottom: 160px;*/
}

#chartHome {
        font: 9px sans-serif;
}

#chartHome .axis path,
#chartHome .axis line {
        fill: none;
        stroke: #cccccc;
        shape-rendering: crispEdges;
    }

#chartHome path.line {
        fill: none;
        stroke: #2a2c39;
        stroke-width: 1px;
    }
/*    
    #chartHome svg .plot .bg {
    background: #336699;
    fill: #338800 !important;
}
    
  */  
    .path {
    stroke: #2a2c39;
    stroke-linejoin: round;
    stroke-width: 1.5;
    fill: none;
}

.area {
    fill: rgba(255,255,255,0.10);
    stroke-width: 0;
}

.axis path,
.axis line {
    fill:none;
    stroke:black;
}

#chartIndex {
        font: 9px sans-serif;
}

#chartIndex .axis path,
#chartIndex .axis line {
        fill: none;
        stroke: #cccccc;
        shape-rendering: crispEdges;
    }

#chartIndex path.line {
        fill: none;
        stroke: #2a2c39;
        stroke-width: 1px;
    }

@media (min-width: 768px) {
  #header {
    left: 200px;
    transition: left 0.2s;
  }
  
  #sidedrawer {
    left: 0;
    transition: left 0.2s;
  }
  
  #content-wrapper {
    margin-left: 200px;
    transition: margin-left 0.2s;
  }
  
  #footer {
    margin-left: 200px;
    transition: margin-left 0.2s;
  }
  
  body.hide-sidedrawer #header {
    left: 0;
  }
  
  body.hide-sidedrawer #sidedrawer {
    left: -200px;
  }
  
  body.hide-sidedrawer #content-wrapper {
    margin-left: 0;
  }
  
  body.hide-sidedrawer #footer {
    margin-left: 0;
  }
}


/**
 * Toggle Sidedrawer
 */

#sidedrawer.active {
  left: 0;
  transition: left 0.2s;
}


/**
 * Header CSS
 */

.sidedrawer-toggle {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}

.sidedrawer-toggle:hover {
  color: #fff;
  text-decoration: none;
}


/**
 * Sidedrawer CSS
 */

#sidedrawer-brand {
  padding-left: 20px;
}

#sidedrawer ul {
  list-style: none;
}

#sidedrawer > ul {
  padding-left: 0px;
}

#sidedrawer > ul > li:first-child {
  padding-top: 15px;
}

#sidedrawer strong {
  display: block;
  padding: 15px 22px;
  cursor: pointer;
}

#sidedrawer strong:hover {
  background-color: #E0E0E0;
}

#sidedrawer strong + ul > li {
  padding: 6px 0px;
}


/**
 * Footer CSS
 */

#footer {
  background-color: #25252a;
  color: #fff;
  height: 200px;
  margin-left: 0px;
  transition: margin-left 0.2s;
}

#footer a {
  color: #fff;
  text-decoration: underline;
}