/* custom css  */

.market-item {
	margin-top: 20px;
	margin-bottom: 20px;
}

.market-tab ul{
	background-color: #000;
}

.market-tab ul li a{
	font-size:90%;
	color: #FFF;
	border-radius: 0;
}

.market-tab ul li.mark-title a:hover, a:active{
	background-color: #000;
}

.sel-top {
  overflow: hidden;
  clear: both;
  margin-bottom: 10px;
  margin-top: 5px;
  display: block;
}
.sel-top div {
  width: 32.33%;
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
}
.sel-top .btn-secondary {
  width: 100%;
}

.sel-cur {
  overflow: hidden;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
  display: block;
}
.sel-cur .curflag {
  overflow: hidden;
  float: left;
  width: 12.5%;
  text-align: center;
  display: block;
  cursor: pointer;
}


.topmovers {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.topmovers th,
.topmovers td {
  text-align: center;
  padding: 1%;
}
.topmovers .top-short {
  width: 5%;
}
.topmovers .top-main-1 {
  width: 15%;
}
.topmovers .top-main-2 {
  width: 17%;
}


.heatmap {
  width: 100%;
  display: block;
  clear: both;
  overflow: hidden;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}
.heatmap .heatmap-head,
.heatmap .heatmap-row {
  clear: both;
  display: block;
  overflow: hidden;
}
.heatmap .heatmap-head div,
.heatmap .heatmap-row div {
  width: 10.811%;
  float: left;
  display: block;
  margin-left: 0.3%;
  margin-bottom: 0.3%;
}
.heatmap .heatmap-cur-head,
.heatmap .heatmap-cur-row {
  clear: both;
  display: block;
  overflow: hidden;
}
.heatmap .heatmap-cur-head div,
.heatmap .heatmap-cur-row div {
  width: 12.2%;
  float: left;
  display: block;
  margin-left: 0.3%;
  margin-bottom: 0.3%;
}
.heatmap .heatmap-cur-row .heat {
  display: none;
}
.heatmap .heat2 {
  background-color: #00008B;
}
.heatmap .heat1 {
  background-color: Blue;
}
.heatmap .heat0 {
  background-color: #90EE90;
}
.heatmap .heat-0 {
  background-color: #90EE90;
}
.heatmap .heat-1 {
  background-color: Red;
}
.heatmap .heat-2 {
  background-color: #8B0000;
}




.heatmap-home {
	font-size: 80%;
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 250px;
}
.heatmap-home a,
.heatmap-home a:hover {
  text-decoration: none;
}
.heatmap-home .heatmap-head,
.heatmap-home .heatmap-row {
  line-height: 24px;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 0px;
}
.heatmap-home .heatmap-head .head,
.heatmap-home .heatmap-row .head {
  text-align: left;
  width: 12%;
}
.heatmap-home .heatmap-head div,
.heatmap-home .heatmap-row div {
  width: 17.6%;
  float: left;
  display: block;
  border: 1px solid #fff;
  text-align: center;
}
.heatmap-home .heatmap-cur-row .heat {
  display: none;
}
.heatmap-home .heat2 {
  background-color: #00008B;
}
.heatmap-home .heat1 {
  background-color: Blue;
}
.heatmap-home .heat0 {
  background-color: #90EE90;
}
.heatmap-home .heat-0 {
  background-color: #90EE90;
}
.heatmap-home .heat-1 {
  background-color: Red;
}
.heatmap-home .heat-2 {
  background-color: #8B0000;
}




.bias-sum {
  width: 100%;
  display: block;
  clear: both;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 10px;
}
.bias-main .bias-head,
.bias-main .bias-row {
	
  border: 1px solid #fff;
  clear: both;
  display: block;
  margin-bottom: 0.2%;
  margin-top: 0.2%;
  overflow: hidden;
}
.bias-main .bias-head .bias-pair-name,
.bias-main .bias-row .bias-pair-name {
  display: block;
  padding-left: 10px;
  width: 80px;
  float: left;
}
.bias-main .bias-head .update-time,
.bias-main .bias-row .update-time {
  display: block;
  width: 110px;
  float: right;
  text-align: center;
}
.bias-main .bias-head .bias-pair,
.bias-main .bias-row .bias-pair {
  display: block;
  padding-left: 80px;
  padding-right: 110px;
  width: 100%;
}
.bias-main .bias-head .bias-pair div,
.bias-main .bias-row .bias-pair div {
  width: 24.6%;
  float: left;
  display: block;
  margin-left: 0.4%;
  text-align: center;
}
.bias-main .bias-head .bias-pair .pos,
.bias-main .bias-row .bias-pair .pos {
  background-color: Blue;
  color: #ffffff;
}
.bias-main .bias-head .bias-pair .neu,
.bias-main .bias-row .bias-pair .neu {
  background-color: #90EE90;
  color: #ffffff;
}
.bias-main .bias-head .bias-pair .neg,
.bias-main .bias-row .bias-pair .neg {
  background-color: Red;
  color: #ffffff;
}


.bias-table {
  width: 100%;
  display: block;
  clear: both;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 10px;
}
.bias-single {
  position: relative;
  margin-bottom: 10px;
}
.bias-single .bias-head,
.bias-single .bias-row {
  border: 1px solid #fff;
  clear: both;
  display: block;
  margin-bottom: 0.2%;
  margin-top: 0.2%;
  overflow: hidden;
}
.bias-single .bias-head .period,
.bias-single .bias-row .period {
  display: block;
  padding-left: 10px;
  width: 40px;
  float: left;
}
.bias-single .bias-head .bias-pair,
.bias-single .bias-row .bias-pair {
  display: block;
  padding-left: 40px;
  width: 100%;
}
.bias-single .bias-head .bias-pair div,
.bias-single .bias-row .bias-pair div {
  width: 9.6%;
  float: left;
  display: block;
  margin-left: 0.4%;
  text-align: center;
}
.bias-single .bias-head .bias-pair .current-bar,
.bias-single .bias-row .bias-pair .current-bar {
  width: 19.6%;
}
.bias-single .bias-head .bias-pair .current-bar-pos,
.bias-single .bias-row .bias-pair .current-bar-pos {
  width: 19.6%;
  background-color: Blue;
  color: #ffffff;
  box-shadow: inset 0px 0px 1px 2px rgba(0,0,139,0.5);
}
.bias-single .bias-head .bias-pair .current-bar-neu,
.bias-single .bias-row .bias-pair .current-bar-neu {
  width: 19.6%;
  background-color: #90EE90;
  color: #ffffff;
  box-shadow: inset 0px 0px 1px 2px rgba(0,100,0,0.5);
}
.bias-single .bias-head .bias-pair .current-bar-neg,
.bias-single .bias-row .bias-pair .current-bar-neg {
  width: 19.6%;
  background-color: Red;
  color: #ffffff;
  box-shadow: inset 0px 0px 1px 2px rgba(139,0,0,0.5);
}
.bias-single .bias-head .bias-pair .previous,
.bias-single .bias-row .bias-pair .previous {
  width: 79.6%;
}
.bias-single .bias-head .bias-pair .pos,
.bias-single .bias-row .bias-pair .pos {
  background-color: Blue;
  color: #ffffff;
}
.bias-single .bias-head .bias-pair .neu,
.bias-single .bias-row .bias-pair .neu {
  background-color: #90EE90;
  color: #ffffff;
}
.bias-single .bias-head .bias-pair .neg,
.bias-single .bias-row .bias-pair .neg {
  background-color: Red;
  color: #ffffff;
}

.bias-chart-large {text-align: center;}
.bias-chart-small {text-align: center;}


.bias-home {
  width: 100%;
  height: 250px;
	font-size: 80%;
}
.bias-home a,
.bias-home a:hover {
  color: ;
  text-decoration: none;
  cursor: hand;
}
.bias-home .bias-head,
.bias-home .bias-row {
	line-height: 27px;
  clear: both;
  display: block;
  overflow: hidden;
}
.bias-home .bias-head .bias-pair-name,
.bias-home .bias-row .bias-pair-name {
  display: block;
  width: 60px;
  float: left;
}
.bias-home .bias-head .bias-pair,
.bias-home .bias-row .bias-pair {
  display: block;
  padding-left: 60px;
  width: 100%;
}
.bias-home .bias-head .bias-pair div,
.bias-home .bias-row .bias-pair div {
  width: 25%;
  float: left;
  display: block;
  border: 1px solid #fff;
  text-align: center;
}
.bias-home .bias-head .bias-pair .pos,
.bias-home .bias-row .bias-pair .pos {
  background-color: Blue;
  color: #ffffff;
}
.bias-home .bias-head .bias-pair .neu,
.bias-home .bias-row .bias-pair .neu {
  background-color: #90EE90;
  color: #ffffff;
}
.bias-home .bias-head .bias-pair .neg,
.bias-home .bias-row .bias-pair .neg {
  background-color: Red;
  color: #ffffff;
}


.home-chart {
  width: 100%;
  overflow: hidden;
}
.home-chart-tab {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.home-chart-tab li {
  list-style: none;
  float: left;
  width: 10%;
}

.tech-pair {
  width: 100%;
  overflow: hidden;
  margin: auto;
}
.tech-pair .tech-head {
  width: 98%;
  overflow: hidden;
  background: rgba(194,212,104,0.2);
  margin: 1%;
  margin-bottom: 0;
  padding: 1%;
  border-width: 10%;
  border-style: solid;
  border-color: rgba(246,188,65,0.3);
}
.tech-pair .update-time {
  width: 50%;
  float: right;
}
.tech-pair .tech-title {
  font-weight: bold;
  width: 50%;
  float: left;
}
.tech-pair .tech-set1,
.tech-pair .tech-set2,
.tech-pair .tech-set3 {
  float: left;
  width: 31.33%;
  overflow: hidden;
  background: rgba(194,212,104,0.2);
  margin: 1%;
  padding: 1%;
  border-width: 10%;
  border-style: solid;
  border-color: rgba(246,188,65,0.3);
}
.tech-pair .tech-set1 .indicator,
.tech-pair .tech-set2 .indicator,
.tech-pair .tech-set3 .indicator {
  clear: left;
  float: left;
  display: block;
  width: 50%;
  font-weight: bold;
}
.tech-pair .tech-set1 .reading,
.tech-pair .tech-set2 .reading,
.tech-pair .tech-set3 .reading {
  float: left;
  display: block;
  width: 50%;
  padding-left: 5px;
}
.tech-pair .tech-set4 {
  width: 98%;
  overflow: hidden;
  background: rgba(194,212,104,0.2);
  margin: 1%;
  padding: 1%;
  border-width: 10%;
  border-style: solid;
  border-color: rgba(246,188,65,0.3);
}
.tech-pair .tech-set4 .indicator {
  display: block;
  float: left;
  width: 16.66%;
  font-weight: bold;
}
.tech-pair .tech-set4 .reading {
  display: block;
  float: left;
  width: 16.66%;
  padding-left: 5px;
}

.vol-table th, .vol-table td{
	text-align:center;
	font-size: 85%;
}

.vol-chart, .pivm-chart{
	text-align:center;
	padding: 20px;
}


.pivot-main {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.pivot-main th,
.pivot-main td {
  text-align: center;
}
.pivot-small {
  display: none;
  margin-bottom: 10px;
}
.pivot-small th,
.pivot-small td {
  text-align: center;
}
.pivot-pair {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.pivot-pair th,
.pivot-pair td {
  text-align: center;
}

.pivot-chart-large {text-align: center; margin:20px;}
.pivot-chart-small {text-align: center;margin:20px;}


.sum-head {
  clear: both;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px solid #000000;
  font-weight: bold;
}
.sum-row {
  clear: both;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #000000;
}
.sum-row .up {
  color: blue;
}
.sum-row .down {
  color: red;
}
.sum-head div,
.sum-row div {
  float: left;
  width: 13.685%;
  margin-left: 0.3%;
  margin-bottom: 0.3%;
  text-align: center;
}
.sum-chart {
  width: 100%;
  border-bottom: 1px solid #000000;
  padding-bottom: 20px;
  padding-top: 10px;
}

.perf-head {
  clear: both;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px solid #000000;
  font-weight: bold;
}
.perf-row {
  clear: both;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #000000;
}
.perf-row .up {
  color: blue;
}
.perf-row .down {
  color: red;
}
.perf-head div,
.perf-row div {
  float: left;
  width: 16.066%;
  margin-left: 0.3%;
  margin-bottom: 0.3%;
  text-align: center;
}

.perf-but {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
	
}

.perf-but div {
  float: left;
  width: 33%;
}

.perf-chart {
  margin-bottom: 20px;
}
.perf-chart-large,
.pivot-meter-large {
  display: none;
  width: 100%;
  margin-top: 10px;
}
.perf-chart-large img,
.pivot-meter-large img {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
.perf-chart-medium,
.pivot-meter-medium {
  display: none;
  width: 100%;
  margin-top: 10px;
}
.perf-chart-medium img,
.pivot-meter-medium img {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
.perf-chart-small,
.pivot-meter-small {
  display: none;
  width: 100%;
  margin-top: 10px;
}
.perf-chart-small img,
.pivot-meter-small img {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}


.calculator {
	border: 0px;
	font-size: 80%;
}


.eco-cal {
  width: 100%; 
  font-size: 85%;
}

.eco-cal th.event {
  width: 500px;
}
.eco-cal th.cal-1 {
  width: 8.33%;
}
.eco-cal th.cal-2 {
  width: 12.5%;
  }
  
  
  .ai-cal{
	  font-size: 85%;
  }


/* custom responsive css from theme panel (Advanced CSS) */
@media (min-width: 1141px) {
	.market-item{
	  font-size: 85%;
	}
	.bias-chart-large, .pivot-chart-large {display: block;}
	.bias-chart-small, .pivot-chart-small {display: none;}
	.eco-cal{display: block;}
	.eco-cal-small{display: none;}

}


/* custom responsive css from theme panel (Advanced CSS) */
@media (min-width: 1019px) and (max-width: 1140px) {
	.market-item,  {
	  font-size: 85%;
	}
	.bias-chart-large, .pivot-chart-large {display: block;}
	.bias-chart-small, .pivot-chart-small {display: none;}

	.eco-cal{display: block;}
	.eco-cal-small{display: none;}

}


/* custom responsive css from theme panel (Advanced CSS) */
@media (min-width: 768px) and (max-width: 1018px) {
	.market-item {
	  font-size: 80%;
	}
	.bias-chart-large, .pivot-chart-large {display: block;}
	.bias-chart-small, .pivot-chart-small {display: none;}

	.eco-cal{display: none;}
	.eco-cal-small{display: block;}

}


/* custom responsive css from theme panel (Advanced CSS) */
@media (max-width: 767px) {
	.market-item {
	  font-size: 75%;
	}

	.bias-chart-large, .pivot-chart-large {display: none;}
	.bias-chart-small, .pivot-chart-small {display: block;}

  .bias-main .bias-head .update-time,
  .bias-main .bias-row .update-time {
    display: none;
  }
  .bias-main .bias-head .bias-pair,
  .bias-main .bias-row .bias-pair {
    padding-right: 2px;
  }
  .bias-main .bias-head .bias-pair div,
  .bias-main .bias-row .bias-pair div {
    width: 24.5%;
    margin-left: 0.5%;
  }
	.tech-pair{ 
		font-size: 80%;
	}
	.tech-pair .tech-set1, .tech-pair .tech-set2, .tech-pair .tech-set3 {
		width: 98%;
		clear:both;
	}
	.tech-set4 div.indicator {
		width: 50%;
	}
	.tech-set4 div.reading {
		width: 50%;
	}

.pivot-main {
  display: none;
}
.pivot-pair {
  font-size: 90%;
}
.pivot-small {
  overflow: hidden;
  width: 100%;
  display: table;
}

	.eco-cal{display: none;}
	.eco-cal-small{display: block;}


}