.navbar-brand {
	left: 20px;
	position: absolute;
}
	
@media (max-width: 787px) {
	.navbar-collapse {
		width: 100%;
		margin: 0 !important;
	}
}

.navbar-inverse {
	background-color: #42c96a !important;
}



.navbar-augur {
	background-color: #864F71 !important;
}

.navbar-lisk {
	background-color: #1e88e5 !important;
}

.navbar-lisk > .container > .navbar-header > .navbar-toggle:hover,
.navbar-lisk > .container > .navbar-header > .navbar-toggle:focus,
.navbar-lisk .active > a,
.navbar-lisk .active > a:focus,
.navbar-lisk .active > a:hover {
	background-color: #1363a8 !important;
}

.navbar-lisk > .container > .navbar-header > .navbar-toggle,
.navbar-lisk .navbar-collapse {
	border-color: #1363a8 !important;
}




.navbar-dao {
	background-color: #ff4530 !important;
}

.navbar-dao > .container > .navbar-header > .navbar-toggle:hover,
.navbar-dao > .container > .navbar-header > .navbar-toggle:focus,
.navbar-dao .active > a,
.navbar-dao .active > a:focus,
.navbar-dao .active > a:hover {
	background-color: #cc2220 !important;
}

.navbar-dao > .container > .navbar-header > .navbar-toggle,
.navbar-dao .navbar-collapse {
	border-color: #cc2220 !important;
}



.navbar-storj {
	background-color: #feb737 !important;
}

.navbar-storj > .container > .navbar-header > .navbar-toggle:hover,
.navbar-storj > .container > .navbar-header > .navbar-toggle:focus,
.navbar-storj .active > a,
.navbar-storj .active > a:focus,
.navbar-storj .active > a:hover {
	background-color: #be6627 !important;
}

.navbar-storj > .container > .navbar-header > .navbar-toggle,
.navbar-storj .navbar-collapse {
	border-color: #be6627 !important;
}


.navbar-eth {
	background-color: #42c96a !important;
}
.navbar-eth .active > a,
.navbar-eth .active > a:focus,
.navbar-eth .active > a:hover {
	background-color: #42a96a !important;
}


/* DAO vote */

.arc text {
  font: 10px sans-serif;
  text-anchor: middle;
  color: #fff;
}

.arc path {
  stroke: #fff;
  color: #fff;
}

@media(min-width:768px) {
.daovote {
	z-index: 9999;
        position: fixed;
        top: 60px;
        left: 225px;
		background-color: #e74c3c;
		color: #fff;
		font-weight: bold;
		padding-left: 5px;
		height: 35px;
		width: 100%;
		padding-top: 5px;
}
.daopollspace {
	height:30px;
}

}

@media(max-width:768px) {
.daovote {
	z-index: 9999;
        position: fixed;
        top: 60px;
        left: 0px;
		background-color: #e74c3c;
		color: #fff;
		font-weight: bold;
		padding-left: 5px;
		height: 70px;
		width: 100%;
		padding-top: 5px;
}
.daopollspace {
	height:60px;
}
}


.daovote > a,
.daovote > span > a {
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}


/* Side nav */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 60px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav > li > ul {
    padding: 0;
}

.side-nav > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav > li > ul > li > a:hover {
    color: #fff;
}


@media(min-width:768px) {
    .main, .footer {
        padding-left: 225px;
		width: 98%;
		margin-right: auto;
		margin-left: 20px;
    }
}



/* INDEX */
@media (max-width: 396px) {
	.hidden-tn {
		font-size: 80%;
	}
}

table {
	text-align:center;
	font-weight: bold;
}

th {
	text-align:center;
	background-color: #2c3e50 !important;
	color: #fff !important;
}

td {
	padding-right: 110px;
}

tr {
	text-align:center;
}

.market {
	text-align: right;
	padding-right: 20px !important;
}

.label > a {
	color: #fff;
}


/* Price chart */
.axis path,
.axis line {
	fill: none;
  	stroke: #000;
  	shape-rendering: crispEdges;
}

path.candle {
 	stroke: #000000;
}

path.candle.body {
  	stroke-width: 0;
}

path.candle.up {
  	fill: #339349;
  	stroke: #223535;
}

path.candle.down {
  	fill: #a42015;
  	stroke: #223535;
}

path.ohlc {
  	stroke: #000000;
  	stroke-width: 1;
}

path.ohlc.up {
  	stroke: #223535;
}

path.ohlc.down {
  	stroke: #223535;
}

path.volume {
  	fill: #EEEEEE;
}

path.line {
  	fill: none;
  	stroke: #BF5FFF;
  	stroke-width: 1;
}

.extent {
  	stroke: #fff;
  	fill-opacity: .125;
  	shape-rendering: crispEdges;
}

.crosshair {
 	cursor: crosshair;
}

.crosshair path.wire {
 	stroke: #DDDDDD;
  	stroke-dasharray: 1, 1;
}

.crosshair .axisannotation path {
  	fill: #DDDDDD;
}

.area-asks { fill: #2C3E50; stroke: #2C3E50; }
.area-bids { fill: #3498DB; stroke: #3498DB; }