body {padding-top: 40px;}
.sub-header {padding-bottom: 10px; border-bottom: 1px solid #eee;}
.navbar-fixed-top {border: 0;}

/* Hide for mobile, show later */
.sidebar {display: none;}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 101px;
    bottom: 0;
    right: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-left: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}

.navbar-header span#hsubtitle {vertical-align:bottom; color:#fff; margin-left:5px;}
.nav-sidebar > li > a {padding-right: 20px;	padding-left: 20px;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {background-color: #428bca;}


.main {padding: 20px;}
@media (min-width: 768px) {
	.main {
	    padding-right: 40px;
	    padding-left: 40px;
	}

}
.main .page-header {margin-top: 0;}


div#navbar{color:#fff; float:right; margin-right:40px;}
@media (max-width: 900px) {
	div#navbar ul a{font-size:16px;}
}

@media (max-width: 800px) {
	div#navbar ul a{font-size:15px;}
}

@media (max-width: 768px) {
	div#navbar{float:left; width:100%;}
	div#navbar ul li{margin:0 30px;}
}

/*
div#navbar{color:#fff; float:left; text-align:right;}

@media (min-width: 1024px) {
	div#navbar {width:58%;}
}

@media (max-width: 1024px) {
	div#navbar {width:80%;}
	div#navbar ul{margin-left:50px;}
	div#navbar ul a{font-size:17px;}
}
*/


/* MY */
div.sidebar ul {list-style: none; padding:0; margin:0;}
div.sidebar li {margin:3px 0;}
div.sidebar li:before {content: "• "; color: #337ab7; padding:3px 5px 0 20px;}
div.sidebar li.nobefore {margin-left:20px;}
div.sidebar li.nobefore:before {content: ""; padding:0;}

a.mindex{text-decoration:none; color:#fff; font-size:22px; font-weight:bold; margin-top:8px; display:block;}
a.mindex:hover{color: #428bca;}

a:hover {text-decoration:none; color:red;}

.navbar-inverse .navbar-nav > li.active > a{background-color: #428bca;}
.navbar-inverse .navbar-nav > li.active > a:hover{background-color: #428bca; color:#ffffff;}
.navbar-inverse .navbar-nav > li > a.crowd{color:red;}
.navbar-inverse .navbar-nav > li > a.crowd:hover{color:#ffffff;}

a.navtwitter{height:56px; font-size:32px; margin-top:-6px;}
a.navtwitter:hover span{color:#fff;}


ul.tabs{list-style:none; border-bottom:1px solid #000; width:880px; margin:0 auto; text-align:center; margin-bottom:-20px; padding:0 0 2px 0; font-family:arial;}
ul.tabs li{display:inline; margin:0; padding:0;}
ul.tabs a{margin:0 1px 0 0; cursor:pointer; color:#888888; padding:5px 8px 4px 8px; border:1px solid #000; font-weight:normal; font-size:15px; background-color:#EBEBEB;}
ul.tabs a.selected{color:green; border-bottom:1px solid #fff;  font-weight:bold; background-color:#fff;}

p.states{font-size:22px; margin:30px 5px 20px 35px;}
p.families{margin:30px 5px 40px 75px;}

p.states label,
p.families label{margin-left:30px; cursor:pointer; color:#080808;}

p.states input,
p.families input{display:none;}

td.highlight {background-color: whitesmoke !important;}
td.num{text-align:right;}
td.center{text-align:center;}

td.peers-control, 
td.markets-control {background: url('images/details_open.png') no-repeat center center; cursor: pointer;}
tr.shown td.peers-control,
tr.shown td.markets-control {background: url('images/details_close.png') no-repeat center center;}
div.addnodes{float:right; text-align:right; margin-right:40px; font-size:20px;}
div.addnodes a.close{font-size:16px; color:red; font-weight:bold;}

div.list_markets{padding:5px 0 10px 20px;}
p.market_title{float:left; width: 100px; font-weight:bold;}
div.list_markets ul{float:left; width:150px; margin: 0 30px 0 10px; padding:0; list-style:none;}

span.glyphicon,
span.fa{color:#000; margin:0 3px;}
span.fa-reddit{color:#FF4500;}
span.fa-twitter{color:#4E9DD9;}
span.fa-facebook{color:#3A5795;}
span.myfa{width:24px; height:24px; display:block; float:left; margin:0 3px;}

span.myico{width:24px; height:24px; display:block; float:left; margin:0 3px;}
span.mi-coinwik{background: url('images/coinwik.png') no-repeat center center;}
span.mi-coingek{background: url('images/coingecko.png') no-repeat center center;}
span.mi-coinmc{background: url('images/cmc.png') no-repeat center center;}

a.bcs span.glyphicon-search{font-size:16px;}

span.dotted{border-bottom:1px dotted #505050;}

div#box-donations{text-align:center; font-weight:bold;}
div#box-donations p.title{font-size:24px; margin-bottom:5px;}
div#box-donations img.qrs{width:156px; height:156px;}
div#box-donations p#donation_add{margin-top:20px; margin-bottom:25px;}

div.splash_invisible{visibility:hidden;}
div.splash_visible{visibility:visible;}

div#splash_div{position:absolute; top:0; bottom:0; left:0; right:0; background-color:#cdcdcd; z-index: 10; opacity:0.8; /*width:100%; height:100%;*/}
div#splash_sub{position:fixed; top:25%; z-index: 20; width:100%;}
div#splash_sub div{border:1px solid #000; padding:10px; min-width:200px; /*max-width:1000px;*/ margin:0 auto; background-color:#ffffff;}
div#splash_sub img{border:1px solid #cdcdcd;}
div#splash_sub p{text-align:center; color:#000; font-size:24px; text-align:center;}

h3.index{font-size:18px; margin-top:40px;}
table.index{font-size:15px; margin:0 0 0 20px; width:90%;}
table.index td{padding:4px 6px; border:1px solid #cdcdcd;}
table.index td.right{text-align:right;}

div.warn_index p{font-size:16px; margin:8px 0; padding:0;}

div#coins_filter input{width:110px;}

p.plantit{font-weight:bold; font-size:16px; margin-top:35px;}


/* COIN PAGE */
div.coin_page span.glyphicon-search{font-size:20px;}
table.coin{font-size:15px; margin:10px 0 0 30px; width:90%;}
table.coin tr{height:32px;}

table.coin2{font-size:15px; margin:35px 0 0 30px; width:90%;}
table.coin2 tr{height:28px;}
td.columnsize{width:230px;}

div.coin_net,
div.coin_bc,
div.coin_markets,
div.coin_devel,
div.coin_faucets,
div.coin_donations,
div.coin_related,
div.coin_compare{margin-top:30px;}

div.coin_markets ul{list-style:none;}
div.coin_faucets ul{float:left;}
div.coin_devel ul{float:left; min-width:350px;}

div.coin_markets li{float:left; padding:3px 10px; border-right:1px solid #cdcdcd;}
div.coin_markets li:last-child{border-right:0;}
div.coin_faucets li{padding:3px 0;}
div.coin_devel li{padding:3px 0; list-style:none;}

table.markets td{padding:7px 20px 7px 0;}

div.coin_related div.rel_coins{float:left; min-width:200px;}
div.coin_related div.rel_coins ul{list-style:none; margin-left:15px; padding:0;}
div.coin_related div.rel_coins ul li{padding:3px 0;}
div.coin_related div.rel_coins p.rel_tit{font-weight:bold;}
div.coin_related div.rel_coins img.rel_ico{width:20px;}


div.coin_net #nodes_length{display:none;}
table#our_peer td{padding:2px 35px 2px 1px;}
table#our_peer td.title{font-weight:bold; padding-right:10px;}

table#nodes div.addnodes{padding-top:20px; font-size:16px;}

.highcharts-title{font-weight:bold;}
div#mc_chart{margin:-30px auto 40px auto; height: 280px; min-width: 350px; width: auto;}


ul#fast_compare{list-style:none; margin:10px 0 60px 20px; padding:0;}
ul#fast_compare li{display:inline; border:1px solid #dcdcdc; background-color:#F2F1F0; padding:5px 10px; margin-right:40px;}
ul#fast_compare li a{color:#555555;}
ul#fast_compare li:hover {background-color:#555555;}
ul#fast_compare li:hover a{color:#DCDCDC;}

select#fast_compa {border:1px solid #dcdcdc; background-color:#F2F1F0; padding:5px 10px;}
select#fast_compa option{color:#555555;}
select#fast_compa option.title{color:#888888;}


table#coin_comparative tr.tit_header td{font-weight:bold; padding-top:20px; background:none; font-size:20px;}
table#coin_comparative tr.f_name td.title{font-weight:normal; font-size:100%;}

div#nav_comparative td.title,
table#coin_comparative td.title{background-color:#DCDCDC;}

div#nav_comparative tr.f_ico td,
table#coin_comparative tr.f_ico td{background:none;}

div#nav_comparative table td,
table#coin_comparative td{border:4px solid #fff; padding:6px 10px; background-color:#F2F1F0;}

div#nav_comparative tr.f_name td,
table#coin_comparative tr.f_name td{font-weight:bold; font-size:130%;}

div#nav_comparative{background:#fff; width:100%; padding-left:25px;}
div#nav_comparative tr.f_name td.title{background:#fff; color:#fff;}

div.nav_comparative-top{display:block; position:fixed; top:50px; left:0; right:0;}

a.coin_comp{float:right; font-size:18px;}
a.coin_comp span{color:red;}
a.coin_comp:hover span{color:#7F0E0E;}

span.select2-selection__rendered{font-weight:bold;}

span.status_em{font-weight:bold; color:#7F0E0E;}