/*** Global Styles ***/

html, body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:14px;
  margin: 0px;
  padding: 0px;
  min-width: 360px;
}

a {
  transition: color .4s;
  /*color: #3287b3;*/
  color:rgba(44,94,168,1);
}

a:link { text-decoration: none; color: rgba(44,94,168,1); }
a:visited { color: rgba(150, 0, 255, 1); }
a:hover   { color:rgba(0,0,255,1); }
a:active  {
  transition: color .3s;
  color: #007BE6;
}
.panel-subtitle {
  font-weight: bold;
  font-size: 110%;
}

.xmr-subhead{
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px;
  padding-top: 0;
  font-size: 14px;
  color: rgba(0,0,0,0.54);
  margin-left: 10px;
  font-size: 16px;
}
.xmr-customsub{
  padding-top: 6px;
}
.statsbar .md-subhead{
  width: 95%;
  line-height: 11px;

}
.statsbar md-card-title-text{
  margin-top: 13px;

}
.xmr-sub-subhead{
  font-size: 12px;
  float: right;
  width: unset;
  color: rgba(0,0,0,0.54);
  width: unset !important;
}
.xmr-logo{
  width: 157px !important;
}

.xmr-logo md-icon[aria-label=attach_money]{
  margin-right: 0px;
  margin-left: 0px;
}
.footer {
  text-align: center;
  font-size: 90%;
  padding-bottom: 40px;
}

/*** Material Styles ***/
md-card {
  overflow: hidden;
}



.md-headline {
  font-size: 20px;
}

md-toolbar {
  font-size: 14px;
}

.md-button {
  min-width: 36px;
}

.material-icons {
  /*color: rgb(255, 160, 0);*/
}
#main {
  background: #f3f5f7;
}

.maintoolbar {
  /*background-color: #F26822;*/
  background-color: rgba(44,94,168,0.66);
}
.custom-height{
  height: 100%;
}
.chartcontainer{
  padding-top: 15px;
}

md-card-title{
  background-color: rgba(44,94,168,0.66);
}
.statsbar md-card-title-text{
  text-align: right;
}

.statsbar md-card md-card-title {
  padding: 8px ;
}

.md-menu-toolbar {
  background: #00796B;
}

md-tooltip .md-content {
  height: auto !important;
}
.md-tooltip {
  font-size: 100%;
  height: auto !important;
}

.navbar .smallfont h3{
  font-size: 0.8em;
}

.navbar .smallfont h3 b{
  display: inline-block;
}

.sidenav {
  background-color: #2b333e;
  overflow: hidden;
}

.sidenav ul{
  list-style: none;
}

.sidenav md-list-item {
  padding: 0px;
}

.sidenav a {
  width: 100%;
  text-align: left;
  color: #fff;
  margin: 0px;
}

.sidebar {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.sidebar a {
  color: rgb(66,66,66);
  text-decoration: none;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}

.sidebar md-icon, .sidebar ng-md-icon {
  vertical-align: middle;
  padding-left: 40px;
}

.nowrap {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

#content  {
  padding: 10px;
}

.logo {
  background: #333d4b !important;
  color: #fff !important;
}

.logo i {
  color: #00b0ff;
  font-weight: 700;
}

/* HELPERS */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.truncate{
  width:30%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.hide-error-msg .md-errors-spacer{
  display: none
}

.menu-item {
  position: relative;
  width: 72px;
  height: 72px;
  display: inline-block;
  overflow: hidden;
  margin: 0px;
  vertical-align: middle;
  zoom:0.6;
  transform: translateZ(0);
  -webkit-transform: scale(0.60);
  -moz-transform:scale(0.60);
  font-size: 72px !important;
  color: #aeb7c2;
}

.valid {
  color: green !important;
}

.invalid {
  color: red !important;
}

.metric md-icon {
  font-size: 32px;
}

.navbar .login {
 color: #fff !important;
 font-size: 20px;
}

/* CHARTS */

.chart-legend {
  display: none;
}

.chartcontainer {
  width: 100% !important;
  height: 300px;
}

.chartcontainer .ng-isolate-scope {
  height:300px;
}

.chartcontainer-pool {
  width: 100% !important;
  height: 150px;
}

.chartcontainer-pool .ng-isolate-scope {
  height:150px;
}

/* LOGIN WINDOW */
md-dialog .login{
  min-width: 800px !important;
}

.console {
  height: 300px;
  min-width: 500px;
}
@media (max-width: 600px) {
  .console {
    height: 300px;
    min-width: 100%;
  }

  md-dialog .login {
    min-width: 100% !important;
  }
}
.no-padding {
  padding: 0px;
}

.power {
  width: 100%;
  color: #fff;
}

.power a {
  color: #f2ff2f;
}

.power a:hover {
  color: #f2f;
}

.power a.alt {
  color: #f2f;
}

.power a.alt:hover {
  color: #f2ff2f;
}

.fixed {
  position: fixed;
}

.theironfist {
  cursor: pointer;
}

md-card.md-default-theme, md-card{
  background-color: rgba(255,255,255,0.66);
}

  .chart-tooltip{
    color: rgba(0, 0, 0, 0.87);
  }

  .md-button.md-fab:hover:not([disabled]){
    background-color: rgba(255,255,255);

  }
  .md-button.md-fab:hover > md-icon{
    color: #F26822;
  }

  .md-button.md-warn.md-fab,.md-button.md-default-theme.md-fab, .md-button.md-fab{
    background-color: #4D4D4D;
  }

  md-toolbar.md-table-toolbar.md-default-theme.md-default:not(.md-menu-toolbar), md-toolbar.md-table-toolbar.md-default:not(.md-menu-toolbar), md-toolbar.md-accent:not(.md-menu-toolbar){
    background-color: rgba(44,94,168,0.66);
}
.chart .axis > .tick > text{
  fill:black;
}
.chart .axis > path, .chart .axis > .tick > line{
  stroke: black;
}
.chart .grid .tick > line{
    stroke: #000;
}
.md-headline{
  width:95%;
}
.configure-dashlets{
  float: right;
  cursor: pointer;
}
.configure-dashlets a i{
  color: rgba(255,255,255,0.87);
}

.config-menu{
  display: none;
  position: absolute;
  background-color: #fff;
  color: #000;
  z-index: 50;
}
.ul-element{
  list-style: none;
  margin: 5px;
  padding-left: 0;
}
.li-element{
  display: list-item;
  list-style-type: none;
  cursor: pointer;
  padding: 5px;
}

.li-element.is-active{
  background-color: darkolivegreen;
  color: #fff;
}


.li-element:hover{
  background-color: darkolivegreen;
  color: #fff;
  border: 1px solid #fff;
}

md-input-container.md-default-theme.md-input-focused:not(.md-input-invalid) label, md-input-container.md-input-focused:not(.md-input-invalid) label, md-input-container.md-default-theme.md-input-focused:not(.md-input-invalid) md-icon, md-input-container.md-input-focused:not(.md-input-invalid) md-icon{
    color: #000;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon{
    color: #000;
}

.md-toolbar-tools h3 a{
  color: #000;
}


@media (max-width: 456px) {

  .md-card.md-default-theme, md-card{
    max-width: 92%;
  }
}

@media (max-width: 400px) {
  .setup-text {
    display: none;
  }

  .maintoolbar span {
    font-size: 14px;
  }
}
/*456*/
@media (min-width: 457px) {
  a.custom-link:before{
    content: "";
    display: inline-block;
    width:5%;
    text-align: center;
  }
}

.profit{
  color: #31fc30;
}
.loss{
  color: #e60c03;
}