:root {
  --vh-a: 354px; /* 58vh */
  --vh-b: 440px; /* 72vh */
}

@font-face
{
    font-family: myFirstFont;
    src: url(SuisseIntl-Regular.otf);
}

blockquote,cite,dfn,em,i{font-style:italic}button,hr,input{overflow:visible}legend,pre,select{max-width:100%}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}blockquote,svg:not(:root){overflow:hidden}a,abbr[title],ins,mark{text-decoration:none}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:1px #767676 dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}mark{background-color:#eee;color:#222}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid #bbb;margin:0 2px 1em;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}ins,mark,pre{background:#eee}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}address,ol,p,ul{margin:0}.clear:after,.clear:before,.comment-author:after,.comment-author:before,.comment-content:after,.comment-content:before,.comment-meta:after,.comment-meta:before,.entry-content:after,.entry-content:before,.entry-footer:after,.entry-footer:before,.nav-links:after,.nav-links:before,.pagination:after,.pagination:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.widget-area:after,.widget-area:before,.widget:after,.widget:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-author:after,.comment-content:after,.comment-meta:after,.entry-content:after,.entry-footer:after,.nav-links:after,.pagination:after,.site-content:after,.site-footer:after,.site-header:after,.widget-area:after,.widget:after{clear:both}body,button,input,select,textarea{color:#333;font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;font-size:.9375rem;font-weight:400;line-height:1.66}h1,h3{font-weight:300}h1,h2,h3,h4,h5,h6{line-height:1.4;}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{padding-top:0}h1{font-size:24px;font-size:1.5rem}.home.blog .entry-title,h2{font-size:20px;font-size:1.25rem;font-weight:300}h3{font-size:18px;font-size:1.125rem}h4,h5,h6{font-weight:800}h4{font-size:16px;font-size:1rem}h5{color:#767676;font-size:13px;font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase}h6,pre{font-size:15px}h6{font-size:.9375rem}p{padding:0}blockquote{color:#666;font-size:18px;font-size:1.125rem;line-height:1.7;margin:0;padding:0;quotes:"" ""}blockquote cite{display:block;font-style:normal;font-weight:600;margin-top:.5em}pre{font-family:"Courier 10 Pitch",Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}big{font-size:125%}q{quotes:"“" "”" "‘" "’"}blockquote:after,blockquote:before{content:""}:focus{outline:0}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea,html[lang=ary] body,html[lang=ary] button,html[lang=ary] input,html[lang=ary] select,html[lang=ary] textarea,html[lang=azb] body,html[lang=azb] button,html[lang=azb] input,html[lang=azb] select,html[lang=azb] textarea,html[lang=fa-IR] body,html[lang=fa-IR] button,html[lang=fa-IR] input,html[lang=fa-IR] select,html[lang=fa-IR] textarea,html[lang=haz] body,html[lang=haz] button,html[lang=haz] input,html[lang=haz] select,html[lang=haz] textarea,html[lang=ps] body,html[lang=ps] button,html[lang=ps] input,html[lang=ps] select,html[lang=ps] textarea,html[lang=ur] body,html[lang=ur] button,html[lang=ur] input,html[lang=ur] select,html[lang=ur] textarea{font-family:Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ary] h1,html[lang=ary] h2,html[lang=ary] h3,html[lang=ary] h4,html[lang=ary] h5,html[lang=ary] h6,html[lang=azb] h1,html[lang=azb] h2,html[lang=azb] h3,html[lang=azb] h4,html[lang=azb] h5,html[lang=azb] h6,html[lang=fa-IR] h1,html[lang=fa-IR] h2,html[lang=fa-IR] h3,html[lang=fa-IR] h4,html[lang=fa-IR] h5,html[lang=fa-IR] h6,html[lang=haz] h1,html[lang=haz] h2,html[lang=haz] h3,html[lang=haz] h4,html[lang=haz] h5,html[lang=haz] h6,html[lang=ps] h1,html[lang=ps] h2,html[lang=ps] h3,html[lang=ps] h4,html[lang=ps] h5,html[lang=ps] h6,html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] h4,html[lang=ur] h5,html[lang=ur] h6,html[lang=bn-BD] h1,html[lang=bn-BD] h2,html[lang=bn-BD] h3,html[lang=bn-BD] h4,html[lang=bn-BD] h5,html[lang=bn-BD] h6,html[lang=hi-IN] h1,html[lang=hi-IN] h2,html[lang=hi-IN] h3,html[lang=hi-IN] h4,html[lang=hi-IN] h5,html[lang=hi-IN] h6,html[lang=mr-IN] h1,html[lang=mr-IN] h2,html[lang=mr-IN] h3,html[lang=mr-IN] h4,html[lang=mr-IN] h5,html[lang=mr-IN] h6,html[lang=gu-IN] h1,html[lang=gu-IN] h2,html[lang=gu-IN] h3,html[lang=gu-IN] h4,html[lang=gu-IN] h5,html[lang=gu-IN] h6,html[lang=he-IL] h1,html[lang=he-IL] h2,html[lang=he-IL] h3,html[lang=he-IL] h4,html[lang=he-IL] h5,html[lang=he-IL] h6,html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4,html[lang=ja] h5,html[lang=ja] h6,html[lang^=zh-] h1,html[lang^=zh-] h2,html[lang^=zh-] h3,html[lang^=zh-] h4,html[lang^=zh-] h5,html[lang^=zh-] h6{font-weight:700}html[lang^=zh-] body,html[lang^=zh-] button,html[lang^=zh-] input,html[lang^=zh-] select,html[lang^=zh-] textarea{font-family:"PingFang TC","Helvetica Neue",Helvetica,STHeitiTC-Light,Arial,sans-serif}html[lang=zh-CN] body,html[lang=zh-CN] button,html[lang=zh-CN] input,html[lang=zh-CN] select,html[lang=zh-CN] textarea{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeitiSC-Light,Arial,sans-serif}html[lang=bg-BG] body,html[lang=bg-BG] button,html[lang=bg-BG] input,html[lang=bg-BG] select,html[lang=bg-BG] textarea,html[lang=ru-RU] body,html[lang=ru-RU] button,html[lang=ru-RU] input,html[lang=ru-RU] select,html[lang=ru-RU] textarea,html[lang=uk] body,html[lang=uk] button,html[lang=uk] input,html[lang=uk] select,html[lang=uk] textarea{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif}html[lang=bg-BG] h1,html[lang=bg-BG] h2,html[lang=bg-BG] h3,html[lang=bg-BG] h4,html[lang=bg-BG] h5,html[lang=bg-BG] h6,html[lang=ru-RU] h1,html[lang=ru-RU] h2,html[lang=ru-RU] h3,html[lang=ru-RU] h4,html[lang=ru-RU] h5,html[lang=ru-RU] h6,html[lang=uk] h1,html[lang=uk] h2,html[lang=uk] h3,html[lang=uk] h4,html[lang=uk] h5,html[lang=uk] h6{font-weight:700;line-height:1.2}html[lang=bn-BD] body,html[lang=bn-BD] button,html[lang=bn-BD] input,html[lang=bn-BD] select,html[lang=bn-BD] textarea,html[lang=hi-IN] body,html[lang=hi-IN] button,html[lang=hi-IN] input,html[lang=hi-IN] select,html[lang=hi-IN] textarea,html[lang=mr-IN] body,html[lang=mr-IN] button,html[lang=mr-IN] input,html[lang=mr-IN] select,html[lang=mr-IN] textarea,html[lang=gu-IN] body,html[lang=gu-IN] button,html[lang=gu-IN] input,html[lang=gu-IN] select,html[lang=gu-IN] textarea{font-family:Arial,sans-serif}html[lang=el] body,html[lang=el] button,html[lang=el] input,html[lang=el] select,html[lang=el] textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}html[lang=el] h1,html[lang=el] h2,html[lang=el] h3,html[lang=el] h4,html[lang=el] h5,html[lang=el] h6{font-weight:700;line-height:1.3}html[lang=he-IL] body,html[lang=he-IL] button,html[lang=he-IL] input,html[lang=he-IL] select,html[lang=he-IL] textarea{font-family:"Arial Hebrew",Arial,sans-serif}html[lang=ja] body,html[lang=ja] button,html[lang=ja] input,html[lang=ja] select,html[lang=ja] textarea{font-family:"Hiragino Kaku Gothic Pro",Meiryo,sans-serif}html[lang=ko-KR] body,html[lang=ko-KR] button,html[lang=ko-KR] input,html[lang=ko-KR] select,html[lang=ko-KR] textarea{font-family:"Apple SD Gothic Neo","Malgun Gothic","Nanum Gothic",Dotum,sans-serif}html[lang=ko-KR] h1,html[lang=ko-KR] h2,html[lang=ko-KR] h3,html[lang=ko-KR] h4,html[lang=ko-KR] h5,html[lang=ko-KR] h6{font-weight:600}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] h5,html[lang=th] h6{line-height:1.65;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] select,html[lang=th] textarea{line-height:1.8;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}html[lang=ar] *,html[lang=ary] *,html[lang=azb] *,html[lang=haz] *,html[lang=ps] *,html[lang=bg-BG] *,html[lang=ru-RU] *,html[lang=uk] *,html[lang=bn-BD] *,html[lang=hi-IN] *,html[lang=mr-IN] *,html[lang=el] *,html[lang=gu-IN] *,html[lang=he-IL] *,html[lang=ja] *,html[lang=ko-KR] *,html[lang=th] *,html[lang^=zh-] *{letter-spacing:0!important}label{display:block;font-weight:800;margin-bottom:.5em}input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],input[type=number],input[type=search],textarea{background:#fff;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));-webkit-border-radius:3px;border-radius:3px;display:block;padding:.7em;width:100%}select{border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;height:3em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400}button,input[type=button],input[type=submit]{background-color:#222;border:0;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-size:.875rem;font-weight:800;line-height:1;padding:0.6em 2em;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}input+button,input+input[type=button],input+input[type=submit]{padding:.75em 2em}td,th{padding:.4em}button.secondary,input[type=button].secondary,input[type=reset],input[type=reset].secondary,input[type=submit].secondary{background-color:#ddd;color:#222}button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=submit]:focus,input[type=submit]:hover{background:#767676}button.secondary:focus,button.secondary:hover,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset].secondary:focus,input[type=reset].secondary:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:focus,input[type=submit].secondary:hover{background:#bbb}::-webkit-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}:-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}::-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;opacity:1}:-ms-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}hr{background-color:#bbb;border:0;height:1px;margin-bottom:1.5em}ol,ul{padding:0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border-collapse:collapse;margin:0 0 1.5em;width:100%}thead th{border-bottom:2px solid #bbb;padding-bottom:.5em}th{text-align:left}tr{border-bottom:1px solid #eee}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}a{color:#222}a:focus{outline:dotted thin}a:active,a:hover{color:#000;outline:0}

ul {
    padding-left: 16px;
}

*::selection {
  background: #5b81e9; /* WebKit/Blink Browsers */
}
*::-moz-selection {
  background: #5b81e9; /* Gecko Browsers */
}

html
{
	margin-top: 0 !important;
	background-color: #202020;
    font-family: myFirstFont;
}

body
{
	color: #cccccc;
	padding: 0 !important;
    font-family: myFirstFont;
}

table
{
	text-align: right;
}

[data-view]:not(.footer)
{
	display: none;
}
.footer
{
	float: left;
	width: 100%;
	padding: 20px 0;
	padding-top: 40px;
	text-align: center;
}
@media screen and (max-width: 768px)
{
	.footer
	{
		position: sticky;
		left: 40px;
		width: calc( 100vw - 80px );
	}
}
[data-view-richlist] table tr > td:nth-child(2)
{
	text-align: left;
}

table tr > td:nth-child(3),
[data-view-detail-overview] table tr > td:nth-child(2)
{
	text-align: left;
}

[data-view-overview] table tr > td:nth-child(6)
{
    min-width: 123px;
}
[data-view-overview] table tr > td:nth-child(5)
{
    min-width: 58px;
}
[data-view-overview] table tbody tr > td:nth-child(3) span,
[data-view-dapp] table tbody tr > td:nth-child(3) span
{
	float: left;
}
[data-view-overview] table tbody tr > td:nth-child(3) span.shortcode,
[data-view-dapp] table tbody tr > td:nth-child(3) span.shortcode
{
	font-size: 8px;
	line-height: 11px;
	float: left;
	clear: both;
	color: grey;
}
[data-view-dapp] table thead tr > td:nth-child(3)
{
	position: absolute;
	left: -6px;
	margin-top: 5px;
}

.new-flag
{
	position: absolute;
	background: #da1c1c;
	height: 13px;
	line-height: 15px;
	padding: 1px 3px;
	top: 3px;
	padding-right: 4px;
	border-radius: 3px;
	font-size: 10px;
	opacity: 0.7;
	padding-bottom: 1px;
}

[data-view-overview] table tbody tr > td:nth-child(3) a:before
{
	content: '';
	position: absolute;
	left: -90px;
	top: 0;
	bottom: 0;
	display: block;
	width: 360px;
}
[data-view-dapp] table tbody tr
{
	position: relative;
}
[data-view-dapp] table tbody tr > td:nth-child(3) a:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 360px;
}
[data-view-overview] table tbody tr > td:nth-child(3) a:hover,
[data-view-dapp] table tbody tr > td:nth-child(3) a:hover
{
	color: white !important;
}

[data-view-overview] table tbody tr > td:nth-child(8)
{
	position: relative;
}
[data-view-overview] table tbody tr > td:nth-child(8) a:before
{
	content: '';
	position: absolute;
	left: -500px;
	right: 100px;
	top: 0;
	bottom: 0;
	display: block;
}


@media screen and (max-width: 430px)
{
	[data-view-overview] table tr > td:nth-child(3) span
	{
		text-overflow: ellipsis;
		max-width: 110px;
		float: left;
		overflow: hidden;
	}
}
[data-view-detail-overview] table tr > td:nth-child(7)
{
    min-width: 83px;
}
[data-view-detail-overview] table tbody tr > td:nth-child(4),
[data-view-watchlist] table tbody tr > td:nth-child(3)
{
	font-size: 9px;
	text-align: right;
}
[data-view-detail-overview] table tbody tr > td:nth-child(5) > span,
[data-view-watchlist] table tbody tr > td:nth-child(4) > span
{
	font-size: 8px;
	line-height: 11px;
	float: left;
	clear: both;
}

table tr > td:nth-child(2)
{
    min-width: 28px;
}

[data-view-watchlist] table tr[data-click="pairs-open"],
[data-view-watchlist] table tr[data-click="pairs-open"] td
{
	background-color: #262626 !important;
}
[data-view-watchlist] table tr[data-click="pairs-open"] > td:nth-child(2),
[data-view-watchlist] table tr[data-click="pairs-open"] > td:nth-child(4)
{
	font-weight: bold;
}
[data-view-watchlist] table tr > td:nth-child(2)
{
	text-align: left;
}

a:active
{
    color: white;
}
a:hover
{
    color: #666;
}

html *
{
    outline: none !important;

	-webkit-touch-callout: none; /* iOS Safari */

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	-webkit-tap-highlight-color: transparent;  // i.e. Nexus5/Chrome and Kindle Fire HD 7''
}

td, th
{
    padding: .4em !important;
    white-space: nowrap;
}

[data-out="ico-title"]
{
	font-weight: bold;
	float: left;
    font-size: 16px;
    line-height: 30px;
    color: white;
}

[data-view-icos] table tbody tr > td:nth-child(4)
{
	vertical-align: top;
	color: #5a81ea;
	padding-top: 28px !important;
}
[data-view-icos] table tbody tr > td:nth-child(5)
{
	vertical-align: top;
	color: #e5494d;
	padding-top: 28px !important;
}


[data-view-nodes] table tr > td:nth-child(3)
{
	text-align: right;
}
[data-view-nodes] table tr > td:nth-child(5) {
    text-align: left;
    padding-left: 50px !important;
}
[data-view-richlist] table tr > td:nth-child(2) a,
[data-view-nodes] table tr > td:nth-child(5) a
{
    opacity: 0.4;
}
[data-view-richlist] table tr > td:nth-child(2) a:hover,
[data-view-nodes] table tr > td:nth-child(5) a:hover
{
    opacity: 0.7;
}
[data-view-richlist] table tr > td:nth-child(2) a img,
[data-view-nodes] table tr > td:nth-child(5) a img
{
	height: 16px;
	width: 16px;
	margin-right: 3px;
	transform: translate(0, 3px);
}

html[data-current-view="nodes"] #content[data-size="wide"]
{
	max-width: 1380px;
}

[data-click="nodes-list-details-toggle"]
{
	position: absolute;
	background-image: url('img/dots-symbol.svg');
	height: 32px;
	width: 47px;
	right: -58px;
	bottom: 14px;
	background-repeat: no-repeat;
}
[data-click="nodes-list-details-close"]
{
	position: absolute;
	background-image: url('img/close-symbol.svg');
	height: 32px;
	width: 47px;
	right: -58px;
	bottom: 14px;
	background-repeat: no-repeat;
	display: none;
}
[data-click="nodes-list-details-close"][data-active="true"]
{
	display: block;
}
[data-click="nodes-list-details-toggle"][data-active="true"]
{
	display: none;
}

[data-view-icos] table tbody tr:hover
{
	background-color: transparent;
	cursor: default;
	color: #ccc;
}

tr {
    border-bottom: 1px solid #1E1E19;
}

[data-view-market-details]
{
	position: relative;
}
[data-view-market-details] > button
{
	position: absolute;
	right: 0;
	top: 0;
}

.sub-header
{
	text-align: center;
	height: 40px;
	float: right;
	width: 100px;
}

.header-btns-inner
{
    margin: 0 auto;
    max-width: 1010px;
    padding-left: 74px;
}
.header-btns
{
	background-color: #2b2b2b;
	height: 46px;
}
.header-btns-inner span a,
.header-btns-inner span p
{
	color: white;
    line-height: 46px;
}
.header-btns-inner > span
{
	height: 46px;
}
.header-btns-inner > span:hover,
.header-btns-inner > span[data-active="true"]
{
    box-sizing: border-box;
}


.header-btns-inner > span > a
{
	height: 46px;
	display: inline-block;
	width: 100%;
}

.header-btns-inner > span
{
    float: right;
    text-align: center;
}
.header-btns-inner > span:first-child
{
    float: left;
    border-bottom: 0;

}
.header-header-inner
{
	width: 100%;
}
@media screen and (min-width: 769px)
{
	.header-btns-inner > span:nth-child(2)
	{
	    margin-right: 30px;
	}

	.header-btns-inner > span .btn-text
	{
	    color: #ddd;
	}
	.header-btns-inner > span a:hover .btn-text,
	.header-btns-inner > span a[data-active="true"] .btn-text,
	html[data-current-view="watchlist-icos"] .watchlist-btn .btn-text,
	html[data-current-view="watchlist"] .watchlist-btn .btn-text,
	html[data-current-view="links"] .icos-btn .btn-text,
	html[data-current-view="icos"] .icos-btn .btn-text,
	html[data-current-view="info"] .info-btn .btn-text
	{
	    color: #fff;
	    font-weight: bold;
	}
	.header-header
	{
		background-color: #2b2b2b;
		border-bottom: 1px solid #272727;
	}
	.header-header-inner
	{
		margin: 0 auto;
		width: 979px;
	}
	.header-header-inner p
	{
		color: #b3b3b3;
		font-family: sans-serif;
		font-size: 9px;
		text-align: right;
		font-weight: bold;
		padding: 6px 0;
		padding-top: 8px;
	}
	.header-header-inner p > span
	{
		margin: 0 7px;
	}
}
@media screen and (max-width: 768px)
{
	.header-header
	{
		display: none;
	}
	.header-btns-inner > span a[data-active="true"],
	html[data-current-view="watchlist"] .watchlist-btn a,
	html[data-current-view="watchlist-icos"] .watchlist-btn a,
	html[data-current-view="links"] .icos-btn a,
	html[data-current-view="icos"] .icos-btn a,
	html[data-current-view="info"] .info-btn a,
	html[data-current-view="overview"] .home-btn a
	{
	    border-bottom: 4px solid #5b81e9;
	    box-sizing: border-box;
	}
	.header-btns-inner > span:first-child
	{
		display: none;
	}
	.header-btns-inner > span
	{
		width: 12.5%;
	}
	.header-btns-inner
	{
		padding-left: 0;
	}
}

.header-btns-inner .currency-btn
{
	border-bottom: 0 !important;
}
.header-btns-inner .search-btn
{
	border-bottom: 0 !important;
}

#page
{
    padding: 0;
}

#content
{
    padding: 16px 32px;
    max-width: 980px;
    margin: 0 auto;
}

table tbody tr[data-selected="true"],
table tbody tr[data-selected="true"] td,
table tbody tr[data-active="true"],
table tbody tr[data-active="true"] td,
table tbody tr:hover,
table tbody tr:hover td
{
	background-color: #2f2f2f !important;
    cursor: pointer;
    color: white;
}

body[data-is-touch="false"] [data-view-nodes] table tbody tr:hover
{
    cursor: default;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments
{
	width: 100%;
}

.entry-header
{
	display: none;
}

.panel-content .wrap
{
    padding-top: 1px;
    max-width: 9999px;
}

[data-out="dapps-list"]
{
    margin-left: 20px;
    margin-top: 20px;
    max-width: 100%;
}

[data-out="icos-list"],
#the-table
{
	padding-top: 20px;
    background-color: #202020;
    z-index: 1;
    position: relative;
}

#main
{
	float: left;
	min-width: 100%;
    position: relative;
    z-index: 1;	
    background-color: #202020;
    -webkit-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
    -moz-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
    box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
}

@media screen and (min-width: 769px)
{
	#main
	{
	    -webkit-box-shadow: none !important;
	    -moz-box-shadow: none !important;
	    box-shadow: none !important;
	}
}

.menu-scroll-down
{
	display: none !important;
}

thead tr,
tfoot tr
{
	color: white;
	height: 48px;
}

#masthead .custom-header
{	
    padding: 36px;
    padding-bottom: 0;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 65px;
}

html body a
{
	color: white;
}

@media screen and (max-width: 680px)
{
	#content
	{
		padding-left: 0;
		padding-right: 0;
	}
}

.title-outer
{
  float: left;
  margin: 0 12px 12px 22px;
  position: relative; 
}

[data-out="dapp"]
{
	font-size: 1.4em;
    padding-bottom: 24px;
    float: left;
    width: 100%;
}
[data-out="dapp-logo"]
{
	margin-right: 4px;
	height: 16px;
	width: 16px;
}



[data-view-dapps] [data-out="dapp"]
{
    font-size: 1.1em;
    float: left;
    width: calc( 33% - 15px );
    height: 160px;
    background-color: #282828;
    border-radius: 6px;
    box-sizing: border-box;
    margin-right: 22px;
    margin-bottom: 22px;
}
@media screen and (min-width: 1021px)
{
	[data-view-dapps] [data-out="dapps-list"] [data-out="dapp"][data-pos-3er="3"]
	{
	    margin-right: 0;	
	}
}

[data-view-dapps] [data-out="dapps-list"] [data-out="dapp"][data-pos="1"]
{
    margin-right: 22px;
}
[data-view-dapps] [data-out="dapp"]:hover
{
    background-color: #333;
}
[data-view-dapps] [data-out="dapp"] a
{
	display: block;
	padding: 6px 12px;
}
[data-view-dapps] [data-out="dapp"] [data-out="dapp-name"]
{
	font-size: 1.3em;
	color: white;
}
[data-view-dapps] [data-out="dapp-logo"]
{
	margin-right: 4px;
	height: 16px;
	width: 16px;
}


[data-view-dapps] [data-out="dapp"]
{
	position: relative;
}
[data-view-dapps] [data-out="dapp"] .desc
{
	font-size: 0.9em;
	color: #999;
	width: 71px;
	display: inline-block;
}
[data-view-dapps] [data-out="dapp"] .value
{
	color: #ccc;
}
[data-view-dapps] [data-out="dapp"] .change
{
	font-size: 0.75em;
	margin-left: 8px;
}
[data-view-dapps] [data-out="dapp"] .change.plus
{
	color: #5a81ea;
}
[data-view-dapps] [data-out="dapp"] .change.minus
{
	color: #e5494d;
}

[data-view-dapps] [data-out="dapp"] [data-out="dapp-tags"]
{
	margin-top: -4px;
	margin-bottom: 4px;
}

[data-view-dapps] [data-out="dapp"] [data-click="dapp-start"]
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 24px;
	height: 24px;
	padding: 10px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
[data-view-dapps] [data-out="dapp"] [data-click="dapp-start"]:hover img
{
	transform: scale(1.25);
}

@media screen and (max-width: 768px)
{
	[data-view-dapps] [data-out="dapp"]
	{
		height: 150px;
	}
}
@media screen and (max-width: 1020px)
{
	[data-view-dapps] [data-out="dapps-list"] > [data-out="dapp"][data-pos-2er="2"]
	{
	    margin-right: 0;
	}
	[data-view-dapps] [data-out="dapp"]
	{
	    width: calc( 50% - 11px );
	}
}

@media screen and (max-width: 590px)
{
	[data-view-dapps] [data-out="dapps-list"] [data-out="dapp"]
	{
	    margin-right: 22px !important;
	}
	[data-view-dapps] [data-out="dapp"]
	{
	    width: 100%;
	}
}

@media screen and (max-width: 768px)
{
	[data-out="dapps-list"]
	{
    	margin-left: 8px;
    	padding-left: 6px;
    	padding-right: 14px;
	}

	body
	{
		max-width: 1400px;
	    padding: 0 12px;

	    font-size: 0.85em;
	}
	#masthead
	{
		position: fixed;
		bottom: -1px;
		left: 0;
		right: 0;
		z-index: 10;
	}
	body .title-outer
	{
		position: fixed;
		left: 50%;
		margin: 0;
		margin-left: -84.1px;
	}
	.title-outer
	{
		padding-top: 0;
	}
	.site-content-contain
	{
		padding-bottom: 46px;
	}
}

@media screen and (min-width: 769px)
{
	#masthead
	{
		color: white;
		height: 46px;
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 10;
	}
	.title-outer
	{
		padding-top: 46px;
	}
	.site-content-contain
	{
		padding-bottom: 0;
	}
}

#masthead
{
	height: 46px;
}


[data-view-icos] .ico-outer
{
	white-space: normal;
    padding-bottom: 38px !important;
}

.logo
{
    width: 20px;
    height: 20px;
	background-size: 100% 100%;
	background-image: url(img/logo.png);
	display: block;
    margin-left: 0;
    margin-top: 7px;
    float: left;
}

.site-title
{
    font-size: 2rem;
    display: block;
    float: left;
    color: white;
}

[data-out="selected-pair"]
{
	padding-left: 44px;
	padding-bottom: 16px;
}

main#main
{
	margin-top: 80px;
}

@media screen and (min-width: 769px)
{
	main#main
	{
		margin-top: 90px;
	}
	.title-outer
	{
		display: none;
	}
}





[data-responsive-tester]
{
  display: none;
  height: 0px; /* is desktop */
}
@media screen and (max-width: 768px)
{
  [data-responsive-tester]
  {
    height: 1px; /* is mobile */
  }
}

[data-click]
{
	cursor: pointer;
}

[data-view-voting],
[data-view-info]
{
  padding: 0 12px;
  float: left;
}

[data-view-voting] h1,
[data-view-info] h1
{
	font-size: 1.5em;
	float: left;
	width: 100%;
	font-weight: bold;
}

[data-wavesapi-overview] .overview_wrapper
{
	overflow-x: visible;
	width: 100%;
	float: left;
}

[data-out="search-results"] > a
{
	display: block;
	line-height: 25px !important;
	padding: 0 7px;
	box-sizing: border-box;
	position: relative;
}
[data-out="search-results"] > a:hover
{
	background-color: #333;
}
[data-input="search"]
{
	width: calc( 100% - 16px ) !important;
}
[data-out="search-results"]
{
    padding-top: 5px;
    background-color: #2b2b2b;
    width: 100%;
    float: left;
    max-height: 216px;
    overflow: hidden;
	text-align: left;
	box-sizing: border-box;
}
[data-out="search-results"][data-hidden="true"]
{
	display: none;
}
[data-out="search"]
{
	position: absolute;
    left: -5px;
    top: 100%;
    width: 213px;
    background: #2b2b2b;
    padding: 10px;
}
[data-out="search"] .shortcode
{
    font-size: 8px;
    vertical-align: 14px;
    margin-left: 3px;
}
[data-out="search"] .result-name
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	padding-top: 9px;
}
@media screen and (min-width: 769px)
{
	[data-out="search"] .result-name
	{
		max-width: 120px;
	}
}
[data-out="search"] .result-price
{
	right: 7px;
	position: absolute;
    font-size: 10px;
    line-height: 44px;
}
input:focus
{
    color: #ccc;
}
input
{
	border-color: #333 !important;
	height: 28px;
	background-color: #202020 !important;
    padding: 0px 6px !important;
    border-width: 0;
    color: #ccc;
    font-size: 18px;
    line-height: 1.44;
    border: 2px solid #2b2b2b;
    outline: none;
}
[data-out="search"][data-hidden="true"]
{
  display: none;
}

@media screen and (max-width: 768px)
{
	[data-out="search"]
	{
	    position: fixed;
	    bottom: 44px;
	    height: 41px;
	    right: 0;
	    left: 0;
	    margin-right: 0;
	    width: auto;
	    padding-bottom: 0;
	    top: unset;
	}

	input[data-input="search"]::-webkit-input-placeholder {
	   text-align: center;
	}

	input[data-input="search"]:-moz-placeholder { /* Firefox 18- */
	   text-align: center;  
	}

	input[data-input="search"]::-moz-placeholder {  /* Firefox 19+ */
	   text-align: center;  
	}

	input[data-input="search"]:-ms-input-placeholder {  
	   text-align: center; 
	}

	[data-out="search-results"]
	{  
		position: fixed;
	    bottom: 92px;
	    left: 0;
	    max-height: 99999%;
	    right: 0;
	    padding: 13px;
    	padding-bottom: 0;
	}
}

[data-click="sort"]
{
	position: relative;
}
[data-click="sort"] [data-out="order"]
{
	margin-right: 3px;
	display: none;
	text-decoration: none;
	margin: auto auto;
	height: 24px;
}

[data-click="sort"][data-active="true"] [data-out="order"]
{
  display: inline-block;
}
[data-click="sort"] [data-out="order"]
{
  transition: transform 0.5s;
  background-image: url(img/sort_arrow.svg);
  height: 21px;
  width: 21px;
  background-size: 100%;
  margin-bottom: 3px;
  vertical-align: bottom;
}


[data-click="sort"][data-order-desc="true"] [data-out="order"]
{
  transform: rotate(180deg);
}

.asset-logo-name
{
	float: left;
	width: 100%;
}

.asset-infos
{
	float: left;
  width: 100%;
}
.asset-infos p
{
	margin: 0;
}

.view-market-details .shortcode
{
	font-size: 8px;
	vertical-align: 14px;
}

.view-market-details-placeholder,
.view-market-details
{
	margin: 12px;
	margin-right: 22px;
	margin-top: 0;
}

[data-out="market-logo"] img
{
	float: right;
	display: block;
	width:16px;
	height:16px;
}

[data-out="asset-pair"]
{
	font-size: 1.5rem;
	display: block;
	float: left;
	margin-right: 10px;
}
@media screen and (max-width: 520px)
{		
	[data-out="asset-pair"]
	{
		font-size: 1.45rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 1.25rem;
	}
}
@media screen and (max-width: 495px)
{		
	[data-out="asset-pair"]
	{
		font-size: 1.4rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 460px)
{		
	[data-out="asset-pair"]
	{
		font-size: 1.25rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 1.05rem;
	}
}
@media screen and (max-width: 420px)
{		
	[data-out="asset-pair"]
	{
		font-size: 1.1rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 375px)
{		
	[data-out="asset-pair"]
	{
		font-size: 1rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 0.8rem;
	}
}
@media screen and (max-width: 345px)
{		
	[data-out="asset-pair"]
	{
		font-size: 0.9rem;
	}		
	[data-out="asset-pair"][data-long="true"]
	{
		font-size: 0.7rem;
	}
}

[data-out="asset-logo"]
{
	display: block;
	margin-right: 12px;
	margin-bottom: 8px;
	float: left;
}

.asset-average-price-change
{
	float: left;
	display: block;
	line-height: 2.5rem;
}

thead[data-fixed="true"]
{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #202020;
}

thead tr
{
	background-color: #202020;
}


.watchlist-filter,
.project-filter
{
  float: left;
  text-align: right;
}

.project-filter [data-click="projects"]
{
  padding: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/watchlist-pairs.svg');
}
.project-filter [data-click="projects"][data-active="true"]
{
  background-image: url('img/watchlist-pairs-active.svg');
}
.project-filter [data-click="icos-load"]
{
  padding: 13px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/watchlist-icos.svg');
}
.project-filter [data-click="icos-load"][data-active="true"]
{
  background-image: url('img/watchlist-icos-active.svg');
}



.project-filter [data-click="dapps"]
{
  padding: 11px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/icon-dapp.svg');
}
.project-filter [data-click="dapps"][data-active="true"]
{
  background-image: url('img/icon-dapp-active.svg');
}

.project-filter [data-click="links"]
{
  padding: 11px;
  margin-left: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/link-box-icon.svg');
}
.project-filter [data-click="links"][data-active="true"]
{
  background-image: url('img/link-box-icon-active.svg');
}


.watchlist-filter [data-click="watchlist-load"]
{
  padding: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/watchlist-pairs.svg');
}
.watchlist-filter [data-click="watchlist-load"][data-active="true"]
{
  background-image: url('img/watchlist-pairs-active.svg');
}
.watchlist-filter [data-click="watchlist-icos"]
{
  padding: 13px;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/watchlist-icos.svg');
}
.watchlist-filter [data-click="watchlist-icos"][data-active="true"]
{
  background-image: url('img/watchlist-icos-active.svg');
}
[data-click="watchlist-ico-toggle"] .btn-text,
[data-click="watchlist-toggle"] .btn-text
{
  margin-right: 12px;
  margin-left: 6px;
  line-height: 26px;
}
.header-btns-inner .btn-text
{
  margin-right: 12px;
  margin-left: 0;
  line-height: 48px;
}
.header-btns-inner > span:hover .btn-text
{
  display: inline;
}
.view-detail-overview
{
  z-index: 1;
}
.view-detail-overview table
{
  background-color: #202020;
}

@media screen and (max-width: 768px)
{
  .view-detail-overview
  {
  	width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
    background-color: #202020;
  }
  .header-btns-inner > span .btn-text
  {
    display: none !important;
  }
  .watchlist-filter,
  .project-filter
  {
  	margin-top: -22px;
  	z-index: 12;
    position: relative;
    text-align: left;
    height: 0;
    margin-left: 6px;
  }
  .overview_wrapper .watchlist-filter,
  .overview_wrapper .project-filter
  {
    display: none !important;
  }
}

@media screen and (min-width: 769px)
{
	#main .watchlist-filter,
	#main .project-filter
	{
		float: right;
		margin-right: 18px;
	}
	.header-btns-inner .icon
	{
		display: block;
		float: left;
	}
}

.header-btns .icon
{
  height: 46px;
  width: 30px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.watchlist-icon
{
  background-image: url('img/dex-star.svg');
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  float: left;
}

thead .watchlist-icon,
tfoot .watchlist-icon,
[data-click="watchlist-ico-toggle"][data-active="true"] .watchlist-icon,
[data-click="watchlist-toggle"][data-active="true"] .watchlist-icon
{
  background-image: url('img/dex-star-active.svg');
}
body[data-is-touch="false"] [data-click="watchlist-ico-toggle"]:hover .watchlist-icon,
body[data-is-touch="false"] [data-click="watchlist-toggle"]:hover .watchlist-icon
{
  background-image: url('img/dex-star-active.svg');
}
.currency-desktop:hover
{
    color: #fff;
}
.currency-desktop
{
	color: #ccc;
}
.currency-mobile
{
	display: none;
	padding: 0;
	font-size: 22px;
    color: #ccc;
	width: 140px;
	padding-left: 24%;
	line-height: 210%;
}
.nodes-btn .icon
{
	background-image: url('img/node-icon.svg');
	background-size: 108%;
	margin-top: 1px;
	margin-right: 2px;
}
.watchlist-btn .icon
{
	background-image: url('img/dex-star.svg');
	background-size: 72%;
}
.dapps-btn .icon
{
	background-image: url('img/icon-dapp.svg');
	background-size: 57%;
}
.icos-btn .icon
{
	background-image: url('img/link-box-icon.svg');
}
.info-btn .icon
{
	background-image: url('img/info-icon.svg');
	background-size: 54%;
}
.search-btn .icon
{
	background-image: url('img/input-search-icon.svg');
	background-size: 53%;
}
.mainCurrency-btn .icon
{
	background-image: url('img/icon-info.svg');
}
.home-btn .icon
{
    background-image: url(img/home.svg);
}

@media screen and (max-width: 580px)
{
	.header-btns-inner .btn-text
	{
		display: none;
	}
}

@media screen and (min-width: 769px)
{
	.home-btn
	{
		display: none;
	}
}
@media screen and (max-width: 890px)
{
	.header-btns-inner > span .btn-text
	{
		display: none;
	}
}
@media screen and (max-width: 768px)
{
	.currency-btn > a
	{
	    width: 100%;
	}
	.currency-mobile
	{
		display: block;
	}
	.currency-desktop
	{
		display: none;
	}
	[data-wavesapi-overview] .overview_wrapper [data-view-overview] td
	{
		padding: 4px;
	}

	[data-out="market-price-asset-symbol"]
	{
		font-size: 0.65em;
	}
	.header-btns .site-title
	{
		display: none;
	}
	.info-btn .icon
	{
		background-size: 71%;
	}
	.search-btn .icon
	{
		background-size: 66%;
	}
	.icos-btn .icon
	{
		background-size: 70%;
	}
	.watchlist-btn .icon
	{
		background-size: 90%;
	}
	.nodes-btn .icon
	{
		background-size: 141%;
	}
	.dapps-btn .icon
	{
		background-size: 68%;
	}
}

[data-out="chart-outer"]
{
  position: relative;
  height: 350px;
  float: left;
  width: 100%;
  display: none;
}

[data-out="chart-outer"][data-state="loaded"],
[data-out="chart-outer"][data-state="loading"]
{
  display: block;
}

[data-out="chart-outer"] [data-out="chart"]
{
  visibility: hidden;
}

[data-out="chart-outer"][data-hidden="true"]
{
  display: none;
}

[data-out="chart-outer"][data-state="loaded"] [data-out="chart"],
[data-out="chart-outer"][data-state="loaded"] [data-out="dapp-chart"]
{
  visibility: visible;
}

[data-out="chart-outer"] [data-out="chart"] #chartdiv,
#nodes-chartdiv
{
  height: 350px;
  float: left;
  width: 106%;
  left: -15px;
}
.dapp-graph [data-out="chart-outer"]
{
	height: 320px;
}
#dapp-chartdiv
{
  height: 300px;
  float: left;
  width: 102%;
  left: -5px;
}
[data-out="chart-outer"] [data-out="loading"]
{
  position: absolute;
  width: 64px;
  height: 64px;
  z-index: 9999;
  top: 50%;
  margin-top: -32px;
  left: 50%;
  margin-left: -32px;
  display: none;
}
[data-out="chart-outer"][data-state="loading"] [data-out="loading"]
{
  display: block;
}
@media screen and (max-width: 768px)
{
  [data-out="chart-outer"]
  {
    width: 100vw;
  }
}


.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ccc;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
[data-lightbox] .left
{
	width: 65%;
	float: left;
}
[data-lightbox] .right
{
	width: 35%;
	float: left;
	text-align: right;
}
[data-lightbox] .right > div
{
	float: right;
}
[data-lightbox] .left h3,
[data-lightbox] .right h3
{
	font-size: 13px;
	line-height: 0;
	font-weight: bold;
	color: #eeeeee;
	margin-top: 15px;
}
[data-lightbox] .right > div span,
[data-lightbox] [data-out="link-site"]
{
	opacity: 0.85;
	font-size: 16px;
	color: #cccccc;
}
[data-lightbox] [data-out="link-site"]:hover
{
	color: #666;
}
[data-view-richlist] [data-loading],
[data-lightbox] [data-loading]
{
	display: none;
	text-align: center;
	width: 100%;
	float: left;
}
[data-view-richlist] [data-loading][data-active],
[data-lightbox] [data-loading][data-active]
{
	display: block;
}
[data-lightbox] [data-id]
{
	opacity: 0.85;
}
[data-lightbox] .right-spacer
{
	float: right;
	width: 100%;
	height: 42px;
}

[data-out="site-loading"]
{
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #202020;
	z-index: 2;
}

body[data-loading="false"] [data-out="site-loading"]
{
 	display: none;
}

[data-out="site-loading"] .lds-roller
{
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	margin-top: -32px;
	left: 50%;
	margin-left: -32px;
}

[data-out="icos-list"] [data-out="ico"] .links
{
	margin-top: 10px;
}
[data-out="icos-list"] [data-out="ico"]
{
    padding-bottom: 18px;
    margin-bottom: 18px;
    padding-top: 18px;
	float: left;
	border-bottom: 1px solid #1E1E19;
}

.ico-outer
{
	padding: 0 12px;
}

@media screen and (max-width: 768px)
{
	[data-out="icos-list"] [data-out="ico"]
	{
		width: 100vw;
	    margin-bottom: 24px;
	    padding-bottom: 12px;
	    padding-top: 18px;
	}
}
[data-out="icos-list"] [data-out="ico"][data-pinned="true"]
{
	background-color: #2f2f2f;
}

[data-out="icos-list"] [data-click="watchlist-ico-toggle"],
[data-out="icos-list"] [data-click="watchlist-toggle"]
{
  float: left;
  margin-left: 6px;
}

[data-out="icos-list"] [data-out="ico-description"]
{
  text-align: justify;
  text-justify: inter-word;
}
[data-out="icos-list"] .ico-header-left
{
  width: 100%;
  float: left;
  margin-bottom: 12px;
}

[data-out="icos-list"] .ico-header-right
{
  width: calc(100% - 84px);
  float: left;
  position: relative;
  margin-top: -6px;
  margin-bottom: 9px;
}
[data-out="icos-list"] [data-out="ico-logo"]
{
  float: left;
  margin-right: 12px;
  margin-bottom: 9px;
  width: 72px;
  height: 72px;
}
@media screen and (max-width: 768px)
{
  [data-out="icos-list"] .ico-header-right
  {
    margin-bottom: 11px;
  }
  [data-out="icos-list"] [data-out="ico-logo"]
  {
    margin-bottom: 7px;
  }
}
[data-out="icos-list"] .ico-target-raised
{
  float: left;
  font-size: 0.8em;
  font-weight: bold;
}
[data-out="icos-list"] .ico-period
{
  float: right;
  font-size: 0.8em;
  font-weight: bold;
  height: 19px;
  width: auto;
}
[data-lightbox] .links
{
	margin-left: -3px;
}
.links-outer
{
    float: left;
    margin: 4px 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 22px;
    white-space: nowrap;
}
.links
{
	float: left;
	width: 100%;
    position: relative;
}
.links-inner
{
	margin-left: -8px;
}
.links a:hover
{
  opacity: 0.5;
}
.links a
{
  height: 18px;
  width: 18px;
  background-size: 58%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 8px;
  display: none; /* watch next lines */
}
.links a[href^="http"]
{
  display: inline-block;
}
.links [data-out="link-website"] {
    background-image: url(img/website.svg);
}
.links [data-out="link-whitepaper"]
{
  background-image: url(img/whitepaper.svg);
}
.links [data-out="link-youtube"],
.links [data-out="link-video"]
{
  background-image: url(img/youtube.svg);
}
.links [data-out="link-facebook"]
{
  background-image: url(img/facebook.svg);
}
.links [data-out="link-reddit"]
{
  background-image: url(img/reddit.svg);
}
.links [data-out="link-medium"]
{
  background-image: url(img/medium.svg);
}
.links [data-out="link-twitter"]
{
  background-image: url(img/twitter.svg);
}
.links [data-out="link-discord"]
{
  background-image: url(img/discord.svg);
}
.links [data-out="link-github"]
{
  background-image: url(img/github.svg);
}
.links [data-out="link-telegram"]
{
  background-image: url(img/telegram.svg);
}
.links [data-out="link-bitcointalk"]
{
  background-image: url(img/bitcointalk.svg);
}
.links [data-out="link-vk"]
{
  background-image: url(img/vk.svg);
}


@media screen and (min-width: 769px)
{
  html[data-current-view="watchlist"] #primary
  {
    padding: 0 0 0 16px;
  }
  html[data-current-view="icos"] #primary
  {
    padding: 0 0 0 16px;
  }
  html[data-current-view="info"] #primary
  {
    padding: 0 0 0 24px;
  }
}

.excluded-notice
{
  margin-left: 10px;
}
.excluded-notice > span
{
  color: red;
}
html[data-current-view="watchlist"] .excluded-notice
{
  display: none;
}

[data-lightbox]
{
	display: none;
	background-color: #202020;
	float: left;
    padding: 12px 0;
}
[data-lightbox][data-active="true"]
{
	display: block;
}
[data-lightbox] [data-description]
{
	margin-top: 12px;
	text-align: justify;
	float: left;
	margin-bottom: 32px;
	width: 100%;
}

[data-lightbox] .info-cap [data-cap]
{
	font-size: 9px;
}
[data-lightbox] .info-cap
{
	margin-top: -8px;
}

@media screen and (min-width: 769px)
{
	.links
	{
		width: 78%;
	}
	[data-lightbox] [data-click="lightbox-close"]
	{
	    font-size: 32px;
	    position: absolute;
	    padding: 12px;
	    margin-top: -42px;
	    right: -13px;
	    line-height: 15px;
	    z-index: 1;
	}
	[data-lightbox]
	{
		width: 100%;
	}
	[data-lightbox].mobile-only
	{
		display: none !important;
	}
	[data-lightbox] .right > div
	{
		margin-left: 14px;
	}
	[data-lightbox] .left,
	[data-lightbox] .right
	{
		width: 50%;
	}
}

.view-market-details-placeholder
{
	height: 0 !important;
}

@media screen and (max-width: 768px)
{
	[data-lightbox] .right > div span
	{
		font-size: 13px;
	}

	[data-lightbox] [data-out="link-site"],
	[data-lightbox] .left h3,
	[data-lightbox] .right h3
	{
		font-size: 11px;
	}

	[data-lightbox] .right > div
	{
		clear: both;
	}

	.links a
	{
	  height: 14px;
	  width: 14px;
	}

	html[data-lightbox-active="true"] [data-out="chart-outer"] [data-out="chart"],
	html[data-lightbox-active="true"] [data-outer="pair-price"],
	html[data-lightbox-active="true"] [data-out="pair-open-dex"],
	html[data-lightbox-active="true"] [data-out="loading"],
	html[data-lightbox-active="true"] .overview_wrapper
	{
		filter: blur(2px);
	}

	[data-lightbox] .info-website
	{
		line-height: 21px;
	}
	[data-lightbox] .info-explorer
	{
		margin-top: -8px;
	}

	[data-lightbox] [data-description]
	{
		opacity: 0.9;
	}

	[data-lightbox] [data-click="lightbox-close"]
	{
	    font-size: 32px;
	    position: fixed;
	    padding: 12px;
	    right: -4px;
	    line-height: 15px;
	    z-index: 1;
	    top: 2px;
	}
	[data-lightbox] [data-out="link-wavesexplorer"]
	{
		font-size: 11px;
		color: #cccccc;
	}
	[data-lightbox]
	{
		position: fixed;
		right: 0;
		left: 0;
		bottom: 44px;
		z-index: 9;
		padding: 12px;
		background: rgba(32,32,32,0.75);
	}
	[data-lightbox].desktop-only
	{
		display: none !important;
	}
	[data-lightbox] [data-lightbox-scroller]
	{
		overflow-y: auto;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    left: 0;
	}
	[data-lightbox] [data-lightbox-scroller-inner]
	{
	    margin-right: 12px;
	    margin-left: 12px;
	    position: relative;
	}

	html:not([data-current-view="richlist"]) .view-market-details-placeholder
	{
		height: calc(var(--vh-b) - 60px);
	}
	.view-market-details
	{
		position: fixed;
		top: 96px;
		right: 0;
		left: 0;
	}

	[data-out="chart-outer"]
	{
	    width: 100% !important;
	    height: calc(var(--vh-a) - 60px) !important;
	}
	[data-out="chart-outer"] [data-out="chart"] #chartdiv
	{
	    height: calc(var(--vh-a) - 60px) !important;
	    width: 100% !important;
	    left: 0 !important;
	}
	.view-market-details-placeholder,
	.view-market-details
	{
		margin: 2px !important;
		margin-right: 0px !important;
		margin-left: 0px !important;
	    padding-left: 0px !important;
	}
	[data-out="selected-pair"]
	{
    	margin-left: 12px !important;
    }
	.asset-logo-name
	{
		margin-left: 12px !important;
	}
	#content
	{
		padding: 16px 0px !important;
	}

	html[data-current-view="detail-overview"] main#main
	{
		margin-top: calc( var(--vh-b) + 80px );
	}

	html[data-current-view="detail-overview"] .view-market-details-placeholder
	{
		height: 0;
	}
	html[data-current-view="detail-overview"] .view-detail-overview table
	{
	    -webkit-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	    -moz-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
		box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	}
	html[data-current-view="detail-overview"] .view-market-details
	{
	    -webkit-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	    -moz-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	    box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	}
}

[data-lightbox].desktop-only
{
	top: 0 !important;
}
[data-lightbox].mobile-only
{
	top: 171px !important;
}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 !important;
  background: #2b2b2b;
  background-image: none;
}
/* Custom Select */
.select {
	float: right;
	position: absolute;
	display: block;
	width: 120px;
	height: 37px;
	line-height: 38px;
	background: #2b2b2b;
	overflow: hidden;
	border-radius: .25em;
	right: -18px;
	top: -37px;
}

select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #fff;
  cursor: pointer;
}
.currency-btn select
{
  height: auto;
}
select::-ms-expand {
  display: none;
}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #333;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #fff;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


html[data-currency="usd-n"] [data-out="selected-currency"]:before
{
	content: "$";
}
html[data-currency="usdn"] [data-out="selected-currency"]:before
{
	content: "$";
}
html[data-currency="eurn"] [data-out="selected-currency"]:before
{
	content: "€";
}
html[data-currency="rubn"] [data-out="selected-currency"]:before
{
	content: "₽";
}
html[data-currency="ngnn"] [data-out="selected-currency"]:before
{
	content: "₦";
}
html[data-currency="tryn"] [data-out="selected-currency"]:before
{
	content: "₺";
}
html[data-currency="waves"] [data-out="selected-currency"]:before
{
	content: "◇";
}
html[data-currency="eth"] [data-out="selected-currency"]:before
{
	content: "Ξ";
}
html[data-currency="btc"] [data-out="selected-currency"]:before
{
	content: "฿";
}
html[data-currency="brln"] [data-out="selected-currency"]:before
{
	content: "R$";
}
html[data-currency="gbpn"] [data-out="selected-currency"]:before
{
	content: "£";
}
html[data-currency="jpyn"] [data-out="selected-currency"]:before
{
	content: "¥";
}
html[data-currency="cnyn"] [data-out="selected-currency"]:before
{
	content: "元";
}
html[data-currency="uhan"] [data-out="selected-currency"]:before
{
	content: "₴";
}

@media screen and (max-width: 768px)
{
	.select
	{
		height: 26px;
		right: 12px;
		line-height: 26px;
		top: -41px;
		width: 100px;
	}

	.select select
	{
		font-size: .75rem;
	}
}

[data-cookienotice]
{
    position: fixed;
    background-color: #2b2b2b;
    padding: 10px 13px;
    right: 0;
    bottom: -1px;
    z-index: 1;
    border-bottom: 1px solid #202020;
}
[data-cookienotice] span
{
	margin-right: 10px;
}
@media screen and (max-width: 768px)
{
	[data-cookienotice]
	{
		bottom: 45px;
	}
}

.widget
{
	float: left;
	width: 100%;
	padding-bottom: 42px;
}

.widget-left label
{
	margin-top: 12px;
	margin-bottom: 0;
}

.widget-left,
.widget-right
{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.widget-right
{
	padding-top: 36px;
	padding-right: 10px;
}
@media screen and (max-width: 768px)
{
	.widget [data-wavescap-widget]
	{
		width: 100%;
	}
	.widget-left, .widget-right
	{
		width: 100%;
	}
}

.widget-bottom
{
    float: left;
    width: 100%;
	padding-right: 26px;
    box-sizing: border-box;
}

[data-input^="widget-html-"]
{
	margin-top: 18px;
	background-color: transparent;
    font-size: 12px;
    color: #ccc;
    resize: none;
    line-height: 13px;
    cursor: text;
}

[data-input="widget-html-default"]
{
	height: 40px;
}
[data-input="widget-html-custom"]
{
    height: 200px;
}
[data-input="widget-id"]
{
    font-size: 14px;
}
@media screen and (min-width: 769px)
{
	[data-select="widget-design"],
	[data-select="widget-mode"]
	{
	    width: 380px !important;
	}
	[data-input="widget-id"]
	{
	    width: 364px !important;
	}
	.no-desktop
	{
		display: none;
	}
}

[data-out="tabmenu-tab-list"] [data-out="tabmenu-tab"]
{
    display: none;
}

[data-out="tabmenu-tab-list"] [data-out="tabmenu-tab"][data-is-selected="true"]
{
    display: block;
}

[data-dest-name="info"] [data-click="tabmenu-show"]:hover
{
	color: #666;
}
[data-dest-name="info"] [data-click="tabmenu-show"][data-is-selected="true"]
{
	text-decoration: underline;
    display: block;
    padding-top: 22px;
    padding-bottom: 4px;
}

[data-dest-name="info"] h2
{
	display: inline;
}

[data-name="info"] > div
{
	margin: 12px 0;
}

[data-out="dapp-tags"]
{
	margin-top: -9px;
}

[data-out="dapps-list-tags"]
{
	margin-left: 20px;
	margin-top: 12px;
	width: calc(100% - 26px);
}
@media screen and (max-width: 768px)
{
	[data-out="dapps-list-tags"]
	{
		margin-left: 14px;
	}
}

[data-out="dapps-list-tags"] > span,
[data-out="dapp-tags"] > span,
[data-out="nodes-interval"] [data-click="nodes-set-interval"]
{
    border-radius: 12px;
    color: #cbcbcb;
    background-color: #515151;
    font-size: 13px;
    margin-right: 4px;
    margin-top: 6px;
    padding: 4px 7px;
}

[data-out="dapp-tags"] > span
{
    padding-top: 5px;
    font-size: 9px;
}
[data-out="dapps-list-tags"] > span
{
    padding-top: 6px;
    cursor: pointer;
    line-height: 30px;
    -webkit-user-select: none;
    user-select: none;
}

[data-out="dapps-list-tags"] > span[data-active="true"],
[data-out="dapp-tags"] > span[data-active="true"],
[data-out="nodes-interval"] [data-click="nodes-set-interval"][data-active="true"]
{
    background-color: #3c58a6;
}

[data-view-links] [data-out="dapp"]
{
    float: left;
	width: 33.33%;
	padding-bottom: 18px;
}

[data-view-links] [data-out="dapp-name"]
{
    font-size: 18px;
}

@media screen and (max-width: 740px)
{
	[data-view-links] [data-out="dapp"]
	{
		width: 50%;
	}
	[data-view-links] [data-out="dapp-name"]
	{
	    font-size: 20px;
	}
}

@media screen and (max-width: 600px)
{
	[data-view-links] [data-out="dapp"]
	{
		width: 100%;
		text-align: center;
	}
}

.api .widget-right
{
	position: relative;
    height: 358px;
}
.api .widget-left
{
	width: 20%;
	margin-top: 7px;
}
.api .widget-right
{
	width: 80%;
}

[data-out="json"]
{
    padding: 5px;
    background-color: #2c2c2c;
    font-size: 11px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}
[data-out="json"] .string { color: green; }
[data-out="json"] .number { color: darkorange; }
[data-out="json"] .boolean { color: blue; }
[data-out="json"] .null { color: magenta; }
[data-out="json"] .key { color: red; }


[data-out="json"]::-webkit-scrollbar-corner
{
	background-color: #2c2c2c;
}
[data-out="json"]::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #2c2c2c;
}

[data-out="json"]::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
	background-color: #2c2c2c;
}

[data-out="json"]::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.api.widget .widget-bottom
{
	padding-right: 0;
}

.api-desc
{
    background-color: #2c2c2c;
    padding: 3px 6px;
    padding-bottom: 2px;
	margin-top: 10px;
}

.api-label
{
	float: left;
	width: 20%;
}

.api.widget .widget-left h3
{
	margin: 4px 0;
	padding: 6px;
	padding-bottom: 3px;
}
.api.widget .widget-left h3:hover
{
	background-color: #282828;
}
.api.widget .widget-left h3[data-active="true"]
{
	background-color: #2c2c2c !important;
}

@media screen and (max-width: 414px)
{
	.api .widget-left
	{
		width: 30%;
	}
	.api .widget-right
	{
		width: 70%;
	}
	.api-label
	{
		width: 100%;
	}
}

[data-outer="pair-price"]
{
	float: left;
	width: 100%;
}

select:focus
{
  outline: none !important;
}

.chart-tooltip p
{
	line-height: 1.2em;
}
.chart-tooltip .date
{
	line-height: 1.4em;
	font-size: 0.8em;
	color: #777;
}
.chart-tooltip .sub
{
	font-size: 0.9em;
	color: #4a71da;
}
.chart-tooltip .vol
{
	font-size: 0.9em;
	color: #4a71da;
}
.chart-tooltip .selected
{
	line-height: 1.8em;
	color: #888;
	margin-bottom: 2px;
}
.chart-tooltip .selected.blue
{
	color: #4a71da;
}
.chart-tooltip .sub.grey
{
	color: #888;
}

[data-click="pairs-swap"]
{
	margin-left: 17px;
}

[data-out="pairs-swap-icon"]
{
	transition: transform 0.5s;
	display: inline-block;
}

[data-click="pairs-swap"][data-swapped="true"] [data-out="pairs-swap-icon"]
{
	transform: rotate(180deg);
}

[data-click="pair-open"].swap
{
	margin-left: 4px;
}

[data-out="market-price"]
{
	white-space: nowrap;
}

.view-detail-overview[data-view-richlist]
{
	padding-bottom: 50px;
}
[data-out="asset-richlist"] tr[data-hidden="true"]
{
	display: none;
}
[data-out="asset-richlist"] tr[data-list],
[data-out="asset-richlist"] tr[data-list] td
{
	background-color: #262626 !important;
}
[data-out="asset-richlist"] tr[data-excluded],
[data-out="asset-richlist"] tr[data-excluded] a
{
	color: #777;
}
[data-view-richlist] [data-out="asset-richlist"] tr[data-parent-list]:hover
{
	cursor: default;
}
[data-out="market-list"] tr span[title],
[data-out="asset-richlist"] tr span[title]
{
	cursor: help;
}

[data-out="asset-richlist"] tr span[title]
{
	padding: 6px 6px 6px 0;
}

[data-click="asset-pairs"],
[data-click="asset-richlist"],
[data-out="link-info"]
{
	background: #2b2b2b;
	padding: 6px;
	margin-right: 4px;
	border-radius: .25em;
	font-size: 12px;
	padding-top: 8px;
	color: #acaaaa;
	font-weight: bold;
}
[data-click="asset-pairs"]:hover,
[data-click="asset-richlist"]:hover,
[data-out="link-info"]:hover
{
	color: white;
}
[data-click="asset-swapinfo"]
{
	background: url('img/warning-icon.svg');
	padding: 10px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 2px;
	display: none;
}
[data-click="asset-deadinfo"]
{
	background: url('img/skull-icon.svg');
	padding: 12px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 2px;
	display: none;
}
[data-click="asset-swapinfo"][data-active="true"],
[data-click="asset-deadinfo"][data-active="true"]
{
	display: inline;
}

@media screen and (max-width: 768px)
{
	[data-click="asset-pairs"][data-active="false"]
	{
		background: #2b2b2b !important;
		color: #acaaaa !important;
	}
}
@media screen and (max-width: 320px)
{
	[data-click="asset-pairs"],
	[data-click="asset-richlist"],
	[data-out="link-info"]
	{
		margin-right: 2px;
	}
}

html[data-current-view="detail-overview"] [data-click="asset-pairs"],
html[data-current-view="richlist"] [data-click="asset-richlist"],
[data-out="link-info"][data-active="true"]
{
	background: #333;
	color: #fff;
}



.header-btns-inner .icos-btn,
.header-btns-inner .info-btn,
.header-btns-inner .watchlist-btn,
.header-btns-inner .search-btn
{
	position: relative;
}

.header-btns-inner .sub-menu
{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #2b2b2b;
	display: none;
	min-width: 100px;
	text-align: left;
	padding-left: 7px;
}
@media screen and (min-width: 769px)
{
	.header-btns-inner .icos-btn:hover .sub-menu,
	.header-btns-inner .info-btn:hover .sub-menu,
	.header-btns-inner .watchlist-btn:hover .sub-menu
	{
		display: block;
	}
}
.header-btns-inner .sub-menu.hidden
{
	display: none !important;
}

.header-btns-inner .watchlist-btn .sub-menu [data-click="watchlist-load"] .icon
{
	background-image: url('img/watchlist-pairs.svg');
}
.header-btns-inner .watchlist-btn .sub-menu [data-click="watchlist-icos"] .icon
{
	background-image: url('img/watchlist-icos.svg');
}


.header-btns-inner .icos-btn .sub-menu [data-click="icos-load"] .icon
{
	background-image: url('img/watchlist-icos.svg');
}
.header-btns-inner .icos-btn .sub-menu [data-click="dapps"] .icon
{
	background-image: url('img/icon-dapp.svg');
}
.header-btns-inner .icos-btn .sub-menu [data-click="links"] .icon
{
	background-image: url('img/link-box-icon.svg');
}

.header-btns-inner .info-btn .sub-menu a .btn-text
{
	line-height: unset;
}
.header-btns-inner .info-btn .sub-menu a
{
	line-height: unset;
	display: block;
}

[data-out="pair-open-dex"]
{
	float: left;
	margin-bottom: 15px;
}
@media screen and (max-width: 768px)
{

	html[data-current-view="richlist"] .view-detail-overview 
	{
		top: 86px;

		-webkit-box-shadow: 0px -14px 12px 0px rgb(32, 32, 32);
		-moz-box-shadow: 0px -14px 12px 0px rgb(32, 32, 32);
		box-shadow: 0px -14px 12px 0px rgb(32, 32, 32);
	}
	html[data-current-view="richlist"] [data-outer="pair-price"] /* so it cant be seen */
	{
		margin-top: 50px;
	}
	[data-out="pair-open-dex"]
	{
		margin-bottom: 21px;
	}
}

[data-outer="pair-price"]
{
	margin-top: 16px;
}

[data-out="pair-open-dex"]
{
	font-size: 11px;
}

[data-lightbox].mobile-only .left
{
	width: 75%;
}
[data-lightbox].mobile-only .right
{
	right: 0;
	position: absolute;
}
[data-lightbox].mobile-only .left [data-id]
{
	font-size: 9px;
}

html[data-current-view="richlist"] [data-out="pair-open-dex"]
{
	display: none !important;
}
html[data-current-view="richlist"] [data-outer="pair-price"]
{
	display: none !important;
}

[data-click="richlist-change"]
{
	background: #2b2b2b;
	padding: 5px;
	padding-top: 6px;
	border-radius: 10px;
	margin-right: 5px;
	font-size: 0.7em;
	color: #acaaaa;
}

[data-click="richlist-change"][data-active]
{
	color: white;
	background: #3c58a6;
}

[data-seperator]
{
	clear: both;
	height: 32px;
	display: block;
}

[data-view-nodes] table tr > td:nth-child(2)
{
	text-align: left;
}
[data-view-nodes] table tr > td:nth-child(1)
{
	padding-right: 24px !important;
	padding-left: 0 !important;
}

[data-view-nodes] [data-click="sort"] [data-out="order"] 
{
	margin-right: 8px;
}
[data-view-nodes] table thead tr > td:nth-child(3) [data-out="order"],
[data-view-nodes] table thead tr > td:nth-child(12) [data-out="order"]
{
	margin-bottom: -8px;
}

[data-view-nodes] .extra_token
{
	position: absolute !important;
	left: 100%;
	top: -34%;
	cursor: help;
} 
[data-view-nodes] .extra_token span
{
	background-image: url('img/tokens-symbol.svg'); 
	background-size: contain;
	height: 16px;
	width: 16px;
	display: inline-block;
	margin-top: 3px;
	margin-left: 3px;
}
body[data-is-touch="true"] [data-view-nodes] .extra_token span
{
	margin-top: 2px;
}
[data-view-nodes] table tr > td:nth-child(3) > span
{
	position: relative;
}






.minimised > span > span
{
	opacity: 0.1;
	color: transparent;
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	top: -5px;
	cursor: text;
	z-index: 9999999;

    -webkit-touch-callout: all !important;
    -webkit-user-select: all !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
.minimised > span
{
	position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.minimised > span > span:hover
{
	overflow: initial;
	opacity: 1;
	color: unset;
	background-color: #2f2f2f;
	left: initial;
	right: initial;
	padding-right: 7px;
}
/*
.minimised {
  position: relative;
  width: 20px;
}


.minimised:after {
  content: attr(data-end);
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #202020;
}



.minimised:hover {
  width: auto;
  position: absolute;
}

.minimised:hover:after {
  display: none;
}
*/


[data-asset-swapinfo],
[data-asset-deadinfo]
{
	color: orange;
	float: left;
	width: 100%;
	margin-top: 14px;
}

[data-view-nodes] table:not([data-extended-active="true"]) [data-extended]
{
	display: none;
}

[data-click="nodes-list-details-toggle"][data-active="true"]
{
	color: red;
}

[data-title-popup]
{
	position: fixed;
	display: none;
	z-index: 99999999;
	width: 160px;
	background: #333;
	padding: 5px 7px;
	color: #cccccc;
	white-space: normal;
	text-align: justify;
	font-size: 0.8em;
	border-radius: 6px;
	opacity: 0.95;
}
[data-title-popup][data-active="true"]
{
	display: block;
}

[data-out="nodes-share-pie"]
{
	top: 0px;
	left: -34px;
	height: 160px;
	width: 230px;
	float: left !important;
	position: absolute;
}
[data-out="nodes-share-pie"] #pieChart
{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}
[data-out="nodes-stats"]
{
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 120px;
	width: calc( 100vw - 82px );
	max-width: 980px;
	float: left;
	text-align: right;
	opacity: 0.9;
}
@media screen and (max-width: 768px)
{
	[data-out="nodes-stats"]
	{
		width: calc( 100vw - 10px );
	}
}

[data-out="nodes-stats"] > div:nth-child(1),
[data-out="nodes-stats"] > div:nth-child(2)
{
	float: right;
	margin-left: 20px;
}
[data-out="nodes-stats"] > div:nth-child(1)
{
	margin-right: 4px;
}
html[data-ios="true"] h3[data-out="nodes-share-pie-headline"],
html[data-ios="true"] [data-out="nodes-stats"] > div > h3
{
	letter-spacing: -1px !important;
}
@media screen and (max-width: 385px)
{
	[data-out="nodes-stats"] > div:nth-child(1), [data-out="nodes-stats"] > div:nth-child(2)
	{
		margin-left: 10px;
	}
}
[data-out="nodes-stats"] > div > h3
{
	font-size: 12px;
	margin: 0;
	font-weight: bold;
}
[data-out="nodes-stats"] > div > p
{
	font-size: 10px;
	opacity: 0.8;
	margin-bottom: 2px;
}
h3[data-out="nodes-share-pie-headline"]
{
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	position: absolute;
	left: 24px;
	top: 0px;
}
@media screen and (min-width: 1065px)
{
	[data-out="nodes-stats"] > div:first-of-type
	{
		margin-right: 5px;
	}
}
@media screen and (max-width: 615px)
{
	[data-out="nodes-share-pie"]
	{
		height: 140px;
	}
}
@media screen and (max-width: 430px)
{
	h3[data-out="nodes-share-pie-headline"]
	{
		left: 4px;
	}
	h3[data-out="nodes-share-pie-headline"] .long-word
	{
		display: none;
	}
	[data-out="nodes-share-pie"]
	{
		left: -62px;
		top: 0;
		height: 140px;
	}
}
@media screen and (max-width: 350px)
{
	h3[data-out="nodes-share-pie-headline"]
	{
		display: none;
	}
	[data-out="nodes-share-pie"]
	{
		top: 13px;
		left: -59px;
		height: 130px;
	}
}
[data-out="nodes-interval"]
{
	text-align: right;
}

.nodes-list-bg
{
	position: relative;
	background: #202020;
	z-index: 1;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(32,32,32,1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(32,32,32,1);
	box-shadow: 0px 0px 5px 5px rgba(32,32,32,1);
    margin-top: 5px;
}

html[data-current-view="nodes"] main#main {
    margin-top: 232px;
}

[data-out="nodes-table"] .tableFloatingHeaderOriginal
{
	padding-top: 26px;
	background: #202020;
}
.nodes-stats
{
	margin-top: -12px;
	position: relative;
	height: 140px;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: calc( 100vw - 82px );
	max-width: 980px;
	float: left;
	top: 90px;
	padding-top: 16px;
}
[data-click="nodes-payout-calculator-toggle"]
{
	background: #2f2f2f;
	border-radius: 15px;
	padding: 4px 24px 1px 14px;
	opacity: 0.8;
	margin-left: 11px;
	margin-top: -2px;
	float: left;
	position: relative;
}
[data-click="nodes-payout-calculator-toggle"]:after
{
	content: '\2197';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 1px 8px;
	pointer-events: none;
	font-size: 16px;
}
[data-click="nodes-payout-calculator-toggle"][data-visible="true"]
{
	background: #252525;
}
[data-out="nodes-payout-calculator"]
{
	float: left !important;
	position: absolute;
	left: 175px;
	top: 0;
	z-index: 1;
	text-align: left;
}
[data-out="nodes-payout-calculator"][data-mobile]
{
	opacity: 0.9;
}
@media screen and (min-width: 615px)
{
	[data-out="nodes-payout-calculator"][data-mobile],
	[data-click="nodes-payout-calculator-toggle"],
	[data-out="nodes-payout-calculator"] > br
	{
		display: none;
	}
}
@media screen and (max-width: 615px)
{
	[data-out="nodes-payout-calculator"][data-desktop]
	{
		display: none !important;
	}
	.nodes-stats
	{
		height: 120px;
	}
	html[data-current-view="nodes"] main#main {
	    margin-top: 196px;
	}
	.nodes-stats
	{
		padding-top: 0;
	}	
	[data-out="nodes-payout-calculator"] > div,
	[data-out="nodes-payout-calculator"] > span > p
	{
		display: inline;
	}
	[data-out="nodes-payout-calculator"]
	{
		left: unset;
	    display: none;
	    position: relative;
	    margin-top: 10px;
	    margin-left: 15px;
	    clear: both;
	    height: 125px;
    	padding-top: 10px;  
	}
	[data-out="nodes-payout-calculator"][data-visible="true"]
	{
		display: block;
	}
}
[data-out="nodes-payout-calculator"] h3
{
	font-size: 12px;
	margin: 0 0px 4px 0;
	font-weight: bold;
}
[data-out="nodes-payout-calculator"] input
{
	display: inline;
	font-size: 15px;
	height: 22px;
	padding: 0px 4px 0px 5px !important;
	width: 69px;
	margin-left: 3px;
}
[data-out="nodes-payout-calculator"] input[data-inp="nodes-payout-node"]
{
	width: 128px;
	background-image: url(img/drop-down-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}
[data-out="nodes-payout-calculator"] input[data-inp="nodes-payout-node"]::after
{
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    background: #333;
    pointer-events: none;
}
/* Chrome, Safari, Edge, Opera */
[data-out="nodes-payout-calculator"] input::-webkit-outer-spin-button,
[data-out="nodes-payout-calculator"] input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
[data-out="nodes-payout-calculator"] input[type=number] {
  -moz-appearance: textfield;
}
[data-out="nodes-payout-calculator"] > div
{
	position: relative;
	margin-top: 4px;
	margin-bottom: 5px;
}
[data-out="nodes-payout-calculator"] > span
{
	display: block;
	margin-top: 4px;
}
[data-out="nodes-payout-calculator"] > span > p
{
	font-size: 12px;
}
[data-out="nodes-payout-calculator"] > span > p:last-child
{
	font-size: 11px;
}

.nodes-interval-btns > div
{
	float: left;
}
.nodes-interval-btns > div:last-child
{
	float: right;
}
.nodes-interval-btns
{
	float: right;
	height: 24px;
	padding-top: 7px;
	clear: both;
	position: sticky;
	right: 0;
	top: 0;
	z-index: 10001;
	width: 100%;
	max-width: 100vw;
	background: #202020;
}
@media screen and (min-width: 769px)
{
	.nodes-interval-btns
	{
		top: 74px;
	}
}
@media screen and (max-width: 615px)
{
	.nodes-interval-btns
	{
		margin-top: 10px;
	}
}
[data-out="nodes-payout-node-select"]
{
	display: none;
	position: fixed;
    left: 21px;
    background: #2c2c2c;
    z-index: 999999;
    height: 265px;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 13px;
    width: 141px;
    opacity: 0.95;
}
[data-out="nodes-payout-node-select"]::-webkit-scrollbar
{
	width: 10px;
	background: #333;
}
[data-out="nodes-payout-node-select"]::-webkit-scrollbar-thumb
{
	background: #444;
    border-radius: 5px;
}
[data-out="nodes-payout-node-select"][data-visible="true"]
{
	display: block;
}
[data-out="nodes-payout-node-select"] [data-select]
{
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 4px 2px 1px 7px;
}
[data-out="nodes-payout-node-select"] [data-select]:hover,
[data-out="nodes-payout-node-select"] [data-select][data-selected="true"]
{
	background: #333;
}
html[data-current-view="nodes"] #main
{
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
[data-out="nodes-stats-header-shadow"]
{
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 96px;
	-webkit-box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
	box-shadow: 0px -18px 26px 27px rgba(32,32,32,1);
}

.staking
{
	font-size: 12px;
	color: grey;
}
.cap
{
	display: block;
}
.supply
{
	clear: both;
	display: block;
	font-size: 11px;
	line-height: 9px;
	color: grey;
}

[data-view-richlist][data-staking="false"] table tr > td:nth-child(3)
{
	display: none;
}
[data-view-richlist][data-staking="false"] table tr > td:nth-child(3)
{
	display: none;
}

[data-out="page-title"]
{
	font-size: 12px;
	font-weight: bold;
	color: #fcfcfc;
	position: absolute;
	bottom: 4px;
	left: 146px;
}

@media screen and (min-width: 769px)
{
	[data-out="page-title"]
	{
		display: none;
	}
}


[data-view-overview] #the-table
{
	position: relative;
}

[data-view-overview] thead tr td
{
	background: #202020;
	position: sticky;
	z-index: 9999;
	top: 0;
}

@media screen and (min-width: 769px)
{
	[data-view-overview] thead tr td
	{
		top: 74px;
	}
}

[data-view-overview] tr td:nth-child(1)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-overview] tr td:nth-child(2),
[data-view-dapp] tr td:nth-child(2)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-overview] tr td:nth-child(3)
{
	background: #202020;
	position: sticky;
	left: 38px;
}
[data-view-overview] tbody tr td
{
	z-index: 9998;
}
[data-view-overview] thead tr td:nth-child(1),
[data-view-overview] thead tr td:nth-child(2),
[data-view-overview] thead tr td:nth-child(3)
{
	z-index: 10000;
}


[data-view-nodes] thead tr td
{
	background: #202020;
	position: sticky;
	z-index: 9999;
	top: 30px;
}

@media screen and (min-width: 769px)
{
	[data-view-nodes] thead tr td
	{
		top: 105px;
	}
}

[data-view-nodes] tr td:nth-child(1),
[data-view-nodes] tr td:nth-child(2)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-nodes] tbody tr td
{
	z-index: 9998;
}
[data-view-nodes] thead tr td:nth-child(1),
[data-view-nodes] thead tr td:nth-child(2)
{
	z-index: 10000;
}
[data-view-nodes] table tr td:nth-child(15)
{
	padding-left: 55px !important;
	background: transparent;
	pointer-events: none;
}
@media screen and (min-width: 769px)
{
	[data-view-nodes] table tr td:nth-child(15)
	{
		display: none;
	}
}
[data-view-richlist] thead tr td
{
	background: #202020;
	position: sticky;
	z-index: 9999;
	top: 0;
}

@media screen and (min-width: 769px)
{
	[data-view-richlist] thead tr td
	{
		top: 74px;
	}
}

[data-view-richlist] tr td:nth-child(1),
[data-view-richlist] tr td:nth-child(2)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-richlist] tbody tr td
{
	z-index: 9998;
}
[data-view-richlist] thead tr td:nth-child(1),
[data-view-richlist] thead tr td:nth-child(2)
{
	z-index: 10000;
}


[data-view-detail-overview] thead tr td
{
	background: #202020;
	position: sticky;
	z-index: 9999;
	top: 0;
}

@media screen and (min-width: 769px)
{
	[data-view-detail-overview] thead tr td
	{
		top: 74px;
	}
}

[data-view-detail-overview] tr td:nth-child(1),
[data-view-detail-overview] tr td:nth-child(2),
[data-view-detail-overview] tr td:nth-child(3)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-detail-overview] tbody tr td
{
	z-index: 9998;
}
[data-view-detail-overview] thead tr td:nth-child(3)
{
	z-index: 10000;
}
[data-view-detail-overview] tbody tr td:nth-child(3) > span
{
	text-overflow: ellipsis;
	max-width: 100px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: -3px !important;
	line-height: 14px;
}

[data-view-watchlist] thead tr td
{
	background: #202020;
	position: sticky;
	z-index: 9999;
	top: 0;
}

@media screen and (min-width: 769px)
{
	[data-view-watchlist] thead tr td
	{
		top: 74px;
	}
}

[data-view-watchlist] tr td:nth-child(1)
{
	background: #202020;
	position: sticky;
	left: 0;
}
[data-view-watchlist] tr td:nth-child(2)
{
	background: #202020;
	position: sticky;
	left: 27px;
}
[data-view-watchlist] tbody tr td
{
	z-index: 9998;
}
[data-view-watchlist] thead tr td:nth-child(1),
[data-view-watchlist] thead tr td:nth-child(2)
{
	z-index: 10000;
}

.dapp-pair
{
	font-size: 9px;
	color: grey;
	line-height: 8px;
}

.buy_sell
{
	border-radius: 7px;
	padding: 3px;
	color: white;
	padding-bottom: 1px;
	opacity: 0.4;
}
.buy_sell.buy
{
	background-color: #5a81ea;
}
.buy_sell.sell
{
	background-color: #e5494d;
}


[data-view-dapp] .dapp-title
{
	float: left;
	width: 100%;
	height: 42px;
	margin-top: 30px;
}

[data-view-dapp] .dapp-title > div
{
	float: left;
	height: 42px;
}

[data-view-dapp] .dapp-title > div:nth-child(1) img
{
	width: 32px;
	width: 32px;
}

[data-view-dapp] .dapp-title > div:nth-child(1),
[data-view-dapp] .dapp-title > div:nth-child(3)
{
	width: 42px;
}

[data-view-dapp] .dapp-title > div:nth-child(2) h2
{
	font-size: 1.5rem;
	line-height: 0;
}
[data-view-dapp] .dapp-title > div:nth-child(3) img
{
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 3px;
}

[data-view-dapp] .dapp-totals
{
	float: left;
	width: 100%;
	height: 100px;
	margin-top: 12px;
}
[data-view-dapp] .dapp-totals .change
{
	margin-left: 10px;
}
[data-view-dapp] .dapp-totals .change.plus
{
	color: #5a81ea;
}
[data-view-dapp] .dapp-totals .change.minus
{
	color: #e5494d;
}

[data-view-dapp] .dapp-totals > div
{
	width: calc( 33.3% - 10px );
	float: left;
	border: 1px solid #282828;
	margin-right: 13px;
	padding: 5px 9px;
	box-sizing: border-box;
	border-radius: 8px;
	position: relative;
	background: #282828;
}
[data-view-dapp] .dapp-totals > div > div:nth-child(1)
{
	font-weight: bold;
	font-size: 1.1em;
}
@media screen and (max-width: 420px)
{
	[data-view-dapp] .dapp-totals > div
	{
		width: calc( 33.3% - 6px );
		margin-right: 8px;
		padding: 3px 6px;
		padding-top: 5px;
	}
	[data-view-dapp] .dapp-totals .change
	{
		margin-left: 0;
		position: absolute;
		right: 5px;
		bottom: 4px;
		font-size: 0.9em;
	}
}
[data-view-dapp] .dapp-totals > div:nth-child(3)
{
	margin-right: 0;
}

[data-view-dapp] .dapp-graph .select
{
	right: 4px;
	top: -30px;
}
[data-view-dapp] .dapp-description
{
	float: left;
}

[data-view-dapp] .dapp-tokens table tr > td:nth-child(1)
{
	display: none;
}
[data-view-dapp] .dapp-tokens table tr > td:nth-child(2)
{
	min-width: 0;
	text-align: left;
	width: 36px;
}
[data-view-dapp] .dapp-tokens table tr > td:nth-child(2) img
{
	width: 32px;
	height: 32px;
	float: left;
}
.dapp-tokens
{
	float: left;
	width: 100%;
	margin-top: 40px;
}
.dapp-contracts
{
	float: left;
	width: 100%;
	margin-top: 16px;
}
.dapp-contracts h3
{
	font-size: 1.05rem;
	color: white;
}
.dapp-tokens table thead
{
	font-size: 1.05rem;
}

[data-view-dapp] .links
{
	margin-top: 20px;
}
.dapp-contract h3
{
	line-height: 0;
	font-size: 1rem;
	font-weight: bold;
}
.dapp-contract h3 a
{
	opacity: 1;
}
.dapp-contract
{
	float: left;
	width: calc( 50% - 6px );
	border: 1px solid #282828;
	border-radius: 12px;
	margin-right: 12px;
	padding: 6px 12px;
	box-sizing: border-box;
	margin-bottom: 12px;
	background: #282828;
}
.dapp-contracts .dapp-contract:nth-child(2n)
{
	margin-right: 0;
}
[data-view-dapp] [data-out="dapp-tags"]
{
	float: left;
	margin-top: 0;
}

@media screen and (max-width: 768px)
{
	[data-view-dapp] .dapp-totals
	{
		left: 7px !important;
	}
	[data-view-dapp] [data-out="dapp-tags"]
	{
		left: 7px !important;
	}
	[data-view-dapp] .dapp-title
	{
		left: 7px !important;
	}
	[data-view-dapp] .dapp-title
	{
		margin-top: 0;
	}
	[data-view-dapp] .dapp-description
	{
		left: 7px !important;
	}
	[data-view-dapp] .dapp-contracts
	{
		left: 7px !important;
	}
	[data-view-dapp] .dapp-graph
	{
		left: 7px !important;
	}
}
@media screen and (max-width: 860px)
{
	[data-view-dapp] .dapp-tokens
	{
		margin-left: 7px;
		position: relative;
	}
	[data-view-dapp] .dapp-contract
	{
		margin-right: 0;
		width: 100%;
	}
	[data-view-dapp] .dapp-contracts
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 14px ) !important;
	}
	[data-view-dapp] .dapp-description
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
	[data-view-dapp] .dapp-title
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
	[data-view-dapp] [data-out="dapp-tags"]
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
	[data-view-dapp] .dapp-totals
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
	[data-view-dapp] .dapp-graph
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
	[data-view-dapp] .dapp-links
	{
		position: sticky;
		left: 0;
		width: calc( 100vw - 12px ) !important;
	}
}

.pair-trading-link
{
	padding: 4px;
	padding-left: 0;
}
.pair-trading-link img
{
	width: 14px;
	height: 14px;
	margin-top: 7px;
}

.dapp-contract a
{
	opacity: 0.4;
}
.dapp-contract a:hover
{
	opacity: 0.7;
}
.dapp-contract a img
{
    height: 16px;
    width: 16px;
    margin-right: 3px;
    transform: translate(0, 3px);
}

.dapp-contract-balances > span
{
	margin-right: 6px;
}
.dapp-contract-balances > span.excluded
{
	opacity: 0.5;
}
.dapp-contract-balances
{
	font-size: 0.7em;
}
.dapp-contract-total > span
{
	margin-right: 26px;
}
.dapp-contract-total
{
	float: left;
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.dapp-contract-volume > span
{
	margin-right: 8px;
}
.dapp-contract-volume
{
	float: left;
	width: 100%;
	font-weight: bold;
	margin-top: 3px;
}
.dapp-contract-addr
{
	font-size: 0.9em;
}

[data-view][data-view-404]
{
	padding-left: 20px;
}
[data-view][data-view-404] h1
{
	font-size: 1.5em;
	float: left;
	width: 100%;
	font-weight: bold;
}


/* white mode: */
/*
html
{
	background-color: #D0D0D0;
}

body
{
	color: #333333;
}

.header-btns
{
	background-color: #BBB;
}

a:hover
{
    color: #666;
}

table tbody tr[data-selected="true"],
table tbody tr[data-selected="true"] td,
table tbody tr[data-active="true"],
table tbody tr[data-active="true"] td,
table tbody tr:hover,
table tbody tr:hover td
{
	background-color: #CCC !important;
}

[data-out="icos-list"],
#the-table
{
    background-color: #C0C0C0;
}

#main
{
    background-color: #C0C0C0;
}

[data-out="search-results"]
{
    background-color: #CBCBCB;
}

[data-out="search"]
{
    background: #CBCBCB;
}

input:focus
{
    color: #333;
}
input
{
	border-color: #CCC !important;
	background-color: #C0C0C0 !important;
    color: #333;
    border: 2px solid #CBCBCB;
}

thead[data-fixed="true"]
{
	background-color: #C0C0C0;
}

thead tr
{
	background-color: #C0C0C0;
}

.view-detail-overview table
{
  background-color: #C0C0C0;
}

@media screen and (max-width: 768px)
{
  .view-detail-overview
  {
    background-color: #C0C0C0;
  }
}

.currency-desktop:hover
{
    color: #000;
}
.currency-desktop
{
	color: #333;
}
.currency-mobile
{
    color: #333;
}

.lds-roller div:after
{
  background: #333;
}

.lds-ellipsis div
{
  background: #333;
}

[data-out="site-loading"]
{
	background-color: #C0C0C0;
}

[data-out="icos-list"] [data-out="ico"]
{
	border-bottom: 1px solid #EEEEE9;
}

[data-lightbox]
{
	background-color: #C0C0C0;
}

select
{
  background: #CBCBCB;
}

.select {
	background: #CBCBCB;
}

select {
  color: #000;
}

.select::after {
  background: #CCC;
}
.select:hover::after {
  color: #000;
}

[data-input^="widget-html-"]
{
    color: #333;
}

[data-out="page-title"]
{
	color: #0C0C0C;
}

[data-view-overview] thead tr td
{
	background: #C0C0C0;
}

[data-view-overview] tr td:nth-child(1)
{
	background: #C0C0C0;
}
[data-view-overview] tr td:nth-child(2)
{
	background: #C0C0C0;
}
[data-view-overview] tr td:nth-child(3)
{
	background: #C0C0C0;
}

[data-view-nodes] thead tr td
{
	background: #C0C0C0;
}

[data-view-nodes] tr td:nth-child(1),
[data-view-nodes] tr td:nth-child(2)
{
	background: #C0C0C0;
}

.site-title
{
    color: #333;
}

*/