/*********** selectize **********/
.cryptoboxes .selectize-input > input {
	margin: 0 2px 0 0 !important;
}
.cryptoboxes .selectize-control.multi .selectize-input.disabled > div,
.cryptoboxes .selectize-control.multi .selectize-input.disabled > div.active {		
	color: #7d7d7d;		
	background: #ffffff;		
	border: 0 solid #ffffff;		
}
.cryptoboxes .selectize-control.multi .selectize-input > div.active {
	background: #e8e8e8;
	color: #303030;
	border: none;
}
.cryptoboxes .selectize-control.multi .selectize-input > div {
	margin: 0 3px 3px 0;
	padding: 2px 6px;
	background: #f2f2f2;
	color: #303030;
	border: none;
}
.cryptoboxes .selectize-control.multi .selectize-input.has-items {
	padding: 6px 8px 3px;
}
.cryptoboxes .selectize-input, .cryptoboxes .selectize-dropdown {
	border: 1px solid #d0d0d0;
	font-size: 0.85em;
}

@font-face {
  font-family: "massive-crypto";
  src:url("../fonts/massive-crypto.eot?v");
  src:url("../fonts/massive-crypto.eot?v#iefix") format("embedded-opentype"),
    url("../fonts/massive-crypto.woff?v") format("woff"),
    url("../fonts/massive-crypto.ttf?v") format("truetype"),
    url("../fonts/massive-crypto.svg?v#massive-crypto") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "massive-crypto" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="micon-"]:before,
[class*=" micon-"]:before {
  font-family: "massive-crypto" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cryptoboxes .mcw-up, .cryptoboxes .mcw-down {
    display: inline-flex;
    align-items: center;
    vertical-align: bottom;
}
.micon-arrow-up, .micon-arrow-down {
    display: flex;
}
.micon-arrow-up:before {
	content: "\61";
}
.micon-arrow-down:before {
	content: "\62";
}
.micon-arrow-circle-o-left:before {
	content: "\65";
}
.micon-arrow-circle-o-right:before {
	content: "\66";
}
.micon-info-circled:before {
	content: "\68";
}
.micon-star:before {
	content: "\69";
}
.micon-world:before {
	content: "\6a";
}
.micon-envelope:before {
	content: "\6b";
}
.micon-up-open:before {
	content: "\67";
}
.micon-down-open:before {
	content: "\6c";
}

.cryptoboxes div, .cryptoboxes span, .cryptoboxes applet, .cryptoboxes object, .cryptoboxes iframe, .cryptoboxes h1, .cryptoboxes h2, .cryptoboxes h3, .cryptoboxes h4, .cryptoboxes h5, .cryptoboxes h6, .cryptoboxes p, .cryptoboxes blockquote, .cryptoboxes pre, .cryptoboxes a, .cryptoboxes abbr, .cryptoboxes acronym, .cryptoboxes address, .cryptoboxes big, .cryptoboxes cite, .cryptoboxes code, .cryptoboxes del, .cryptoboxes dfn, .cryptoboxes em, .cryptoboxes img, .cryptoboxes ins, .cryptoboxes kbd, .cryptoboxes q, .cryptoboxes s, .cryptoboxes samp, .cryptoboxes small, .cryptoboxes strike, .cryptoboxes strong, .cryptoboxes sub, .cryptoboxes sup, .cryptoboxes tt, .cryptoboxes var, .cryptoboxes b, .cryptoboxes u, .cryptoboxes i, .cryptoboxes center, .cryptoboxes dl, .cryptoboxes dt, .cryptoboxes dd, .cryptoboxes ol, .cryptoboxes ul, .cryptoboxes li, .cryptoboxes fieldset, .cryptoboxes form, .cryptoboxes label, .cryptoboxes legend, .cryptoboxes table, .cryptoboxes caption, .cryptoboxes tbody, .cryptoboxes tfoot, .cryptoboxes thead, .cryptoboxes tr, .cryptoboxes th, .cryptoboxes td, .cryptoboxes article, .cryptoboxes aside, .cryptoboxes canvas, .cryptoboxes details, .cryptoboxes embed, .cryptoboxes  .cryptoboxes figure, .cryptoboxes figcaption, .cryptoboxes footer, .cryptoboxes header, .cryptoboxes hgroup, .cryptoboxes  .cryptoboxes menu, .cryptoboxes nav, .cryptoboxes output, .cryptoboxes ruby, .cryptoboxes section, .cryptoboxes summary, .cryptoboxes time, .cryptoboxes mark, .cryptoboxes audio, .cryptoboxes video {
    font-size: inherit;
    font: inherit;
    vertical-align: baseline;
    line-height: 1.5;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
.cryptoboxes article, .cryptoboxes aside, .cryptoboxes details, .cryptoboxes figcaption, .cryptoboxes figure, .cryptoboxes footer, .cryptoboxes header, .cryptoboxes hgroup, .cryptoboxes menu, .cryptoboxes nav, .cryptoboxes section {
	display: block;
}
.cryptoboxes ol, .cryptoboxes ul {
    list-style: none !important;
    margin: 0 !important;
}
.cryptoboxes blockquote, .cryptoboxes q {
	quotes: none;
}
.cryptoboxes blockquote:before, .cryptoboxes blockquote:after, .cryptoboxes q:before, .cryptoboxes q:after {
	content: '';
	content: none;
}
.cryptoboxes .invert-act img.invertable {
	-webkit-filter: invert(80%);
	        filter: invert(80%);
}
.cryptoboxes .invert-act .bg img.invertable {
	-webkit-filter: grayscale(80%) invert(80%);
	        filter: grayscale(80%) invert(80%);
}

/*---TICKER STYLES----*/
.cryptoboxes .mcw-ticker {
	visibility: hidden;
	overflow: hidden;
}
.cryptoboxes .mcw-ticker.mcw-header, .cryptoboxes .mcw-ticker.mcw-footer {
    width: 100%;
    position: fixed;
	left: 0;
	z-index: 9999999;
}
.cryptoboxes .mcw-ticker.mcw-header {
	top: 0;
}
.cryptoboxes .mcw-ticker.mcw-footer {
	bottom: 0;
}
.cryptoboxes .cc-ticker-round {
	border-radius: 5px;
}
.cryptoboxes ul.cc-stats {
    margin: 0 !important;
    padding: 10px !important;
	border: 0 none !important;
    white-space: nowrap;
    list-style: none !important;
    line-height: 1em;
}
.cryptoboxes ul.cc-stats li.cc-coin {
    display: inline-flex;
    align-items: center;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 0 none !important;
}
.cryptoboxes ul.cc-stats li.cc-coin div b {
	font-weight: normal !important;
    text-align: center;
    display: flex;
    align-items: center;
}
.cryptoboxes [data-price] {
    display: inline-block;
	padding: 0 4px;
    border-radius: 4px;
	white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.cryptoboxes .cc-coin > div {
	position: relative;
}
.cryptoboxes .cc-coin svg {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.cryptoboxes li.cc-coin:before {
	display: none;
}
.cryptoboxes .cc-coin .mcw-down {
	color: #FF0033;
}
.cryptoboxes .cc-coin .mcw-up {
	color: #85B000;
}
.cryptoboxes .cc-white-color {
	background: #fff;
}
.cryptoboxes .mcw-ticker.mcw-header .cc-white-color {
	border-bottom: 1px solid #E6E6E6;
}
.cryptoboxes .mcw-ticker.mcw-footer .cc-white-color {
	border-top: 1px solid #E6E6E6;
}
.cryptoboxes .mcw-ticker.mcw-same .cc-white-color {
	border: 1px solid #E6E6E6;
}

/*--web ticker---*/
.cryptoboxes .cc-stats {
	font-size: 14px !important;
}
.cryptoboxes .cc-stats {
	position:relative;
	width:100%;
	-webkit-animation: ticker 0s linear infinite 0s normal;
	   -moz-animation: ticker 0s linear infinite 0s normal;
			animation: ticker 0s linear infinite 0s normal;
}
.cryptoboxes:hover .cc-stats {
	-webkit-animation-play-state: paused;
	   -moz-animation-play-state: paused;
			animation-play-state: paused;
}
.cryptoboxes .cc-stats .cc-dup {
	display: inline;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.cryptoboxes .mcw-card-head > div {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cryptoboxes .cc-coin img {
    vertical-align: top;
}
.cryptoboxes .mcw-card-head p, .cryptoboxes .cc-coin b {
	padding-left: 10px !important;
	margin: 0 !important;
	word-break: break-word;
}

/* style 2 */
.cryptoboxes .mcw-ticker-2 ul.cc-stats {
    padding: 0 !important;
}
.cryptoboxes .mcw-ticker-2 .coin-name {
    display: flex;
    align-items: center;
    font-weight: bold;
}
.cryptoboxes .mcw-ticker-2 .coin-name img {
    margin-right: 5px;
}
.cryptoboxes .mcw-ticker-2 .coin-name span {
    opacity: 0.6;
}
.cryptoboxes .mcw-ticker-2 .coin-chart {
    margin-left: 20px;
}
.cryptoboxes .mcw-ticker-2 .mcw-price {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 15px;
    text-align: left;
}
.cryptoboxes .mcw-ticker-2 ul.cc-stats li.cc-coin {
    position: relative;
    padding: 20px !important;
}
.cryptoboxes .mcw-ticker-2 li.cc-coin::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    right: 0;
    background: rgba(255,255,255,0.2);
}
.cryptoboxes .mcw-ticker-2 .cc-white-color li.cc-coin::after {
    background: rgba(0,0,0,0.1);
}

/*---CARDS---*/
.cryptoboxes .mcw-card {
    color: #fff;
    fill: #fff;
	display: inline-block;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1rem;
	overflow: hidden;
	min-width: 360px;
	max-width: calc(100% - 1rem);
	vertical-align: top;
	-webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
			box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.cryptoboxes .mcw-card.mcw-stretch, .cryptoboxes .mcw-label.mcw-stretch {
	width: 100%;
    margin: 0;
    margin-bottom: 20px;
    max-width: 100%;
    min-width: auto;
}
.cryptoboxes .cc-label-col {
	vertical-align: top;
	display: inline-block;
	margin-right: 20px;
}

.cryptoboxes .mcw-card-white {
    color: #000;
    fill: #000;
	border: 1px solid #ccc;
	background-color: #ffffff;
}
.cryptoboxes .mcw-card-dark {
	background-color: #202328;
}
.cryptoboxes .mcw-card-info {
	background-color: #1e9ff2;
}
.cryptoboxes .mcw-card-warning {
	background-color: #ff9149;
}
.cryptoboxes .mcw-card-danger {
	background-color: #ff4961;
}
.cryptoboxes .mcw-card-success {
	background-color: #28d094;
}
.cryptoboxes .mcw-card-head img {
    max-width: 24px;
}
.cryptoboxes .mcw-card .mcw-pricelabel {
	margin-top: 30px;
}
.cryptoboxes .mcw-card .mcw-price {
	font-size: 220%;
	padding: 0 8px;
	display: inline-block;
}
.cryptoboxes .mcw-card-dark h2, .cryptoboxes .mcw-card-dark th {
	color: #fff;
}
.cryptoboxes .mcw-card .mcw-up, .cryptoboxes .mcw-card .mcw-down {
    position: relative;
    vertical-align: text-bottom;
}
.cryptoboxes .mcw-card .mcw-up {
	color: #28D094 !important;
}
.cryptoboxes .mcw-card .mcw-down {
	color: #FF4961 !important;
}
.cryptoboxes .mcw-card.mcw-card-warning .mcw-up, .cryptoboxes .mcw-card.mcw-card-success .mcw-up {
	color: #1a8e06;
}
.cryptoboxes .mcw-card.mcw-card-info .mcw-down, .cryptoboxes .mcw-card.mcw-card-danger .mcw-down {
	color: #78281F;
}

/*---Card Designs---*/
/*-card 1&2 design-*/
.cryptoboxes .mcw-card-1 {
	position: relative;
	padding: 20px 20px 10px 20px;
	text-align: left;
}
.cryptoboxes .mcw-rounded {
	border-radius: 5px;
}
.cryptoboxes .mcw-card-1 .bg {
	position: absolute;
	height: 100%;
	right: 0;
	top: 20px;
}
.cryptoboxes .mcw-card-1 .bg img {
    display: block;
    max-width: 100%;
	height: 100%;
	opacity: 0.1;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	background: none;
	border: none;
}
.cryptoboxes .mcw-card-1 .mcw-price {
	display: inline;
	margin-left: -8px;
}
.cryptoboxes .mcw-card-2 {
	padding: 20px;
	text-align: center;
}
.cryptoboxes .mcw-card-2 .mcw-price {
	font-weight: bold;
	display: inline-block;
	margin: 0 10px 10px;
}
.cryptoboxes .mcw-card-2 .mcw-card-head {
	margin-top: 5px;
}

/*-card 3 design-*/
.cryptoboxes .mcw-card-3 {
	position: relative;
}
.cryptoboxes .mcw-card-3 li {
	padding: 20px 30px;
}
.cryptoboxes .mcw-card-3 .mcw-card-symbol {
	font-size: 85%;
}
.cryptoboxes .mcw-card-3 .mcw-card-name,
.cryptoboxes .mcw-card-3 .mcw-price {
	font-size: 140%;
	text-align: left !important;
	display: inline;
}
.cryptoboxes .mcw-card-3 .mcw-price {
	margin-right: -10px;
}
.cryptoboxes .mcw-card-3 .mcw-pricelabel {
	margin: 0;
}
.cryptoboxes .mcw-card-3 > div {
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.cryptoboxes .mcw-card-3 > div:last-child li {
	padding-top: 0;
}
.cryptoboxes .mcw-card-3 ul:last-child {
	text-align: right;
}
.cryptoboxes .mcw-card-3 .mcw-dn3-body {
    background: rgba(255,255,255,0.2);
}
/*-card 4 design-*/
.cryptoboxes .mcw-card-4 {
	padding: 20px;
	text-align: center;
}
.cryptoboxes .mcw-card-4 .header {
	padding: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.1);
}
.cryptoboxes .mcw-card-4.mcw-card-white .header {
	background: rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.cryptoboxes .mcw-card-4 .mcw-price {
    display: inline;
}
.cryptoboxes .mcw-card-5 {
	padding: 20px;
	text-align: center;
	position: relative;
}
.cryptoboxes .mcw-card-5 .header {
	padding: 10px 0 20px 0;
}
.cryptoboxes .mcw-card-5 .mcw-card-marketcap {
	margin: 10px -20px;
	padding: 5px;
	background: rgba(255,255,255,0.2);
}
.cryptoboxes .mcw-card-5 .mcw-price {
    display: inline;
}
.cryptoboxes .mcw-card-5.mcw-card-white .mcw-card-marketcap {
	background: rgba(0,0,0,0.1);
}
.cryptoboxes .mcw-card-6 {
	padding: 10px;
	text-align: center;
}
.cryptoboxes .mcw-card-6 .mcw-dn6-head,
.cryptoboxes .mcw-card-6 .mcw-dn6-body {
	padding: 10px;
}
.cryptoboxes .mcw-card-6 li {
	display: inline-block;
	vertical-align: top;
    width: 30%;
    margin: 0 1.5%;
    box-sizing: border-box;
}
.cryptoboxes .mcw-card-6 table th, .cryptoboxes .mcw-card-6 table td {
	padding: 5px;
}

.cryptoboxes .mcw-card-7 {
	width: 100%;
	max-width: 900px;
	font-weight: 800;
	text-align: center;
	padding: 20px;
}

.cryptoboxes .mcw-card-7 .mcw-price svg {
    vertical-align: middle;
}

.cryptoboxes .mcw-card-7 .mcw-card-head {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50px;
}

.cryptoboxes .mcw-card-7 .mcw-head-symbol {
	font-size: 100px;
	font-weight: 300;
	vertical-align: middle;
}

.cryptoboxes .mcw-card-7 .mcw-card-body {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	font-size: 20px;
	flex-wrap: wrap;
}

.cryptoboxes .mcw-card-7 .mcw-card-body > div {
    position: relative;
    padding: 20px;
}

.cryptoboxes .mcw-card-7 .mcw-card-name span {
    font-size: 18px;
    vertical-align: top;
}

.cryptoboxes .mcw-card-7 .mcw-card-name img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    max-width: 70px;
}

.cryptoboxes .mcw-card-7 .mcw-card-name > div {
    line-height: 24px;
    margin: 0 !important;
    padding-left: 60px;
    font-size: 40px;
}

.cryptoboxes .mcw-card-7 .mcw-card-body .mcw-changes {
    text-align: left;
}

.cryptoboxes .mcw-card-7 .mcw-card-body .mcw-changes span.mcw-up, .cryptoboxes .mcw-card-7 .mcw-card-body .mcw-changes span.mcw-down {
	display: block;
}

.cryptoboxes .mcw-card-7 .mcw-toggle {
    display: flex;
    font-size: 15px;
}

.cryptoboxes .mcw-card-7 .mcw-toggle-left, .cryptoboxes .mcw-card-7 .mcw-toggle-right, .cryptoboxes .mcw-card-7 .mcw-toggle-center {
    padding: 10px 30px;
    border: 1px solid #000;
    cursor: pointer;
}

.cryptoboxes .mcw-card-7 .mcw-toggle-left {
    border-radius: 20px 0 0 20px;
}
.cryptoboxes .mcw-card-7 .mcw-toggle-center {
	border-left: 0;
}
.cryptoboxes .mcw-card-7 .mcw-toggle-right {
    border-left: 0;
    border-radius: 0 20px 20px 0;
}

.cryptoboxes .mcw-card-7 .mcw-changes {
    display: flex;
}

.cryptoboxes .mcw-card-7 .mcw-changes > div:last-child {
    padding-left: 20px;
}

.cryptoboxes .mcw-card-7 .mcw-toggle-switch.active {
	background-color: rgba(255,255,255,0.1);
}
.cryptoboxes .mcw-card-7.mcw-card-white .mcw-toggle-switch.active {
    color: #fff;
	background-color: #000;
}
.cryptoboxes .mcw-card-7 {
	border: none !important;
	box-shadow: none !important;
}

.cryptoboxes .mcw-card-7.mcw-stretch {
	display: block;
	margin: 20px auto;
}

@media (max-width: 1023px) {
    .cryptoboxes .mcw-card-7 .mcw-card-head {
        font-size: 40px;
	}
	.cryptoboxes .mcw-card-7 .mcw-head-symbol {
		font-size: 80px;
	}
    .cryptoboxes .mcw-card-7 .mcw-card-body {
        font-size: 15px;
    }
    .cryptoboxes .mcw-card-7 .mcw-card-name > div {
        font-size: 30px;
        padding-left: 20px;
    }
    .cryptoboxes .mcw-card-7 .mcw-card-name > div > span {
        font-size: 8px;
    }
    .cryptoboxes .mcw-card-7 .mcw-card-name img {
        max-width: 35px;
    }
}
@media (max-width: 767px) {
	.cryptoboxes .mcw-card-7 .mcw-card {
		padding: 20px 10px;
	}
	.cryptoboxes .mcw-card-7 .mcw-card-head {
		font-size: 25px;
	}
	.cryptoboxes .mcw-card-7 .mcw-head-symbol {
		font-size: 50px;
	}
	.cryptoboxes .mcw-card-7 .mcw-card-body {
		flex-direction: column;
	}
	.cryptoboxes .mcw-card-7 .mcw-card-body > div {
		padding: 10px;
	}
	.cryptoboxes .mcw-card-7 .mcw-card-name > div {
		font-size: 20px;
		padding-left: 30px;
	}
  }

/*---LABEL---*/
.cryptoboxes .mcw-label {
    display: inline-flex;
    flex-wrap: wrap;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	margin-bottom: 1rem;
	padding: 20px;
	min-width: 360px;
	max-width: calc(100% - 1rem);
	justify-content: space-between;
    align-items: center;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
			box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.cryptoboxes .mcw-label-info,
.cryptoboxes .mcw-label-success,
.cryptoboxes .mcw-label-warning,
.cryptoboxes .mcw-label-danger {
	color: #fff;
}
.cryptoboxes .mcw-label-white {
	color: #000;
	background: #fff;
}
.cryptoboxes .mcw-label-dark {
	color: #fff;
	background: #202328;
}
.cryptoboxes .mcw-label-dark b {
    color: #fff;
}
.cryptoboxes .mcw-label-info {
	background: #1E9FF2;
}
.cryptoboxes .mcw-label-warning {
  background: #FF9149;
}
.cryptoboxes .mcw-label-danger {
	background: #FF4961;
}
.cryptoboxes .mcw-label-success {
	background: #28D094;
}

.cryptoboxes .mcw-label .mcw-label-dn1-head, .cryptoboxes .mcw-label .mcw-label-dn1-body {
    display: inline-block;
    vertical-align: middle;
}
.cryptoboxes .mcw-label .mcw-label-dn1-head {
	float: left;
}
.cryptoboxes .mcw-label .mcw-label-dn1-body {
    float: right;
    display: inline-flex;
    align-items: center;
}
.cryptoboxes .mcw-label .mcw-label-dn2 {
	min-width: 140px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.cryptoboxes .mcw-label .mcw-label-dn2:first-child {
	text-align: left;
}
.cryptoboxes .mcw-label .mcw-label-dn2 > div:not(.mcw-card-head) {
	padding: 5px;
}
@media(max-width: 767px) {
    .cryptoboxes .mcw-label .mcw-label-dn2:first-child {
        text-align: center;
    }
    .cryptoboxes .mcw-label .mcw-label-dn2 {
        flex: 1 100%;
    }
}
.cryptoboxes .mcw-label > p {
	margin: 16px 0 !important;
}
.cryptoboxes .mcw-label b {
	font-weight: bold !important;
	padding: 0 8px;
    border-radius: 4px;
	margin: 0;
}

.cryptoboxes .mcw-label .mcw-up, .cryptoboxes .mcw-label .mcw-down {
	display: inline-flex;
	position: relative;
}
.cryptoboxes .mcw-label .mcw-up {
	color: #28D094;
}
.cryptoboxes .mcw-label .mcw-down {
	color: #FF4961;
}
.cryptoboxes .mcw-label.mcw-label-warning .mcw-up, .cryptoboxes .mcw-label.mcw-label-success .mcw-up {
	color: #1a8e06;
}
.cryptoboxes .mcw-label.mcw-label-info .mcw-down, .cryptoboxes .mcw-label.mcw-label-danger .mcw-down {
	color: #78281F;
}


/*---ICONS---*/
.cryptoboxes .cc-crimson-color {
	background: #FF0033;
	color: #fff;
}
.cryptoboxes .cc-crimson-color .cc-coin .mcw-down {
	color: #78281F;
}
.cryptoboxes .cc-midnight-color {
	background: #04040C;
	color: #fff;
}
.cryptoboxes .cc-green-color {
	background: #85B000;
	color: #fff;
}
.cryptoboxes .cc-orange-color {
	background: #FF9149;
	color: #fff;
}
.cryptoboxes .cc-green-color .cc-coin .mcw-up {
	color: #186A3B;
}
.cryptoboxes .cc-blue-color {
	background: #1B52A4;
	color: #fff;
}
.cryptoboxes .cc-blue-color .cc-coin .mcw-down {
	color: #E74C3C;
}

/*---CHARTS---*/
.cryptoboxes .mcw-chart {
    height: 400px;
    padding: 10px;
    border-radius: 5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0,0,0,0);
}
/*---Converter---*/
.mcw-form-group-swap {
    flex-direction: row-reverse;
}
.cryptoboxes .mcw-converter {
	width: 100%;
	text-align: left;
	padding: 10px 20px;
	border-radius: 5px;
}
.cryptoboxes .mcw-converter-one .mcw-input-group {
	display: flex;
}
.cryptoboxes .mcw-converter-one .selectize-input {
	width: 120px;
	height: 100%;
	border-radius: 5px 0 0 5px;
	padding: 16px 10px;
	line-height: 25px;
	vertical-align: middle;
}
.cryptoboxes .mcw-converter-one .mcw-field {
	flex: 1;
	color: #50596c;
	border-radius: 0 5px 5px 0;
	border: 1px solid #b8b8b8;
	border-left: 0;
	margin: 0;
	text-align: right;
	padding: 16px;
    font-size: 1.1em;
    height: auto;
    box-sizing: border-box;
}
.cryptoboxes .mcw-converter-one .mcw-form-control {
	margin: 20px 0;
}
.cryptoboxes .mcw-converter .selectize-input, .mcw-converter .selectize-dropdown, .selectize-dropdown.mcw-conv-style {
	font-weight: bold;
	color: #50596c !important;
}
.cryptoboxes .mcw-converter-two .mcw-form-group {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.cryptoboxes .mcw-converter-two .mcw-form-control {
	width: 100%;
	flex: 3;
}
.cryptoboxes .mcw-converter-two .selectize-input, .cryptoboxes .mcw-converter-two .mcw-field {
	padding: 16px 10px;
	line-height: 25px;
}
.cryptoboxes .mcw-converter-two .mcw-field {
	color: #50596c;
	width: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #b8b8b8;
	font-size: 1.1em;
    margin-top: 20px;
    box-sizing: border-box;
}
.cryptoboxes .mcw-converter-two button {
	width: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(#ECE9E6), to(#fff));
	background: -webkit-linear-gradient(bottom, #ECE9E6, #fff);
	background: -o-linear-gradient(bottom, #ECE9E6, #fff);
	background: linear-gradient(to top, #ECE9E6, #fff);
	-webkit-appearance: none;
	   -moz-appearance: none;
	border: none;
	border-radius: 5px;
	color: #fff;
	padding: 20px;
	cursor: pointer;
	border: 1px solid #a6a6a6;
	color: #50596c;
	outline: 0;
	margin-top: 10px;
}
.cryptoboxes .mcw-converter-two button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#ECE9E6), to(#fff));
	background: -webkit-linear-gradient(top, #ECE9E6, #fff);
	background: -o-linear-gradient(top, #ECE9E6, #fff);
	background: linear-gradient(to bottom, #ECE9E6, #fff);
}
.cryptoboxes .mcw-converter-two img {
	margin: 0 auto;
}
.cryptoboxes .mcw-animated {
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}
.cryptoboxes .mcw-animated.infinite {
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}
.cryptoboxes .liveup {
    animation-name: liveup;
	-webkit-animation-name: liveup;
    animation-duration: 500;
	-webkit-animation-duration: 500;
}
.cryptoboxes .livedown {
    animation-name: livedown;
	-webkit-animation-name: livedown;
    animation-duration: 500;
	-webkit-animation-duration: 500;
}
@-webkit-keyframes liveup {
    0%  { background:rgba(0,255,0,0.3);}
    50%  { background:rgba(0,255,0,0.6);}
    100%  { background:rgba(0,255,0,0.3);}
}
@-moz-keyframes liveup {
    0%  { background:rgba(0,255,0,0.3);}
    50%  { background:rgba(0,255,0,0.6);}
    100%  { background:rgba(0,255,0,0.3);}
}
@keyframes liveup {
    0%  { background:rgba(0,255,0,0.3);}
    50%  { background:rgba(0,255,0,0.6);}
    100%  { background:rgba(0,255,0,0.3);}
}

@-webkit-keyframes livedown {
    0%  { background:rgba(255,0,0,0.3);}
    50%  { background:rgba(255,0,0,0.6);}
    100%  { background:rgba(255,0,0,0.3);}
}
@-moz-keyframes livedown {
    0%  { background:rgba(255,0,0,0.3);}
    50%  { background:rgba(255,0,0,0.6);}
    100%  { background:rgba(255,0,0,0.3);}
}
@keyframes livedown {
    0%  { background:rgba(255,0,0,0.3);}
    50%  { background:rgba(255,0,0,0.6);}
    100%  { background:rgba(255,0,0,0.3);}
}
.crypto-404 {
    text-align: center;
    font-size: 150%;
    padding: 30px 0;
    position: relative;
	z-index: 1;
	background-color: white;
}
.crypto-404:before {
    position: absolute;
    content: '';
    border-bottom: 1px solid #d7d7d7;
    height: 1px;
    width: 80%;
    top: 50%;
    left: 0;
    z-index: -1;
    margin: auto;
    text-align: center;
    right: 0;
}
.crypto-404:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    height: 100%;
    z-index: -1;
    background: white;
}

.cryptoboxes .odometer.odometer-auto-theme,
.cryptoboxes .odometer.odometer-theme-default {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit {
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	visibility: hidden;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	display: block;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.cryptoboxes .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
	position: absolute;
}
.cryptoboxes .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.cryptoboxes .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
}
.cryptoboxes .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.cryptoboxes .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.cryptoboxes .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.cryptoboxes .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.cryptoboxes .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.cryptoboxes .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-value,
.cryptoboxes .odometer.odometer-theme-default .odometer-value {
	text-align: center;
}
.cryptoboxes .odometer.odometer-auto-theme .odometer-inside {
    display: flex;
    align-items: center;
}

/* table */
.cryptoboxes table.dataTable, .cryptoboxes table.dataTable th, .cryptoboxes table.dataTable td {
	border: none;
}
.cryptoboxes table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
.cryptoboxes table.dataTable.order-column tbody tr>.sorting_1,
.cryptoboxes table.dataTable.order-column tbody tr>.sorting_2,
.cryptoboxes table.dataTable.order-column tbody tr>.sorting_3,
.cryptoboxes table.dataTable.display tbody tr>.sorting_1,
.cryptoboxes table.dataTable.display tbody tr>.sorting_2,
.cryptoboxes table.dataTable.display tbody tr>.sorting_3 {
    background-color: transparent;
}
.cryptoboxes table.dataTable.display tbody tr.odd>.sorting_1,
.cryptoboxes table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
}
.cryptoboxes table.dataTable.display tbody tr.even>.sorting_1,
.cryptoboxes table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
.cryptoboxes table.dataTable.row-border tbody th,
.cryptoboxes table.dataTable.row-border tbody td,
.cryptoboxes table.dataTable.display tbody th, .cryptoboxes table.dataTable.display tbody td {
    border-top: none;
}
.cryptoboxes table.dataTable.hover tbody tr:hover, .cryptoboxes table.dataTable.display tbody tr:hover {
    background-color: transparent;
}
/* styles */
.mcw-table {
    color: #656565;
	background: #fff;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid rgba(0,0,0,0.07);
	overflow: hidden;
	border-radius: 5px;
    box-shadow: 0 8px 16px 0 rgba(40,40,90,.09), 0 3px 6px 0 rgba(0,0,0,.065);
}
.mcw-table .title-bar {
    border-bottom: 1px solid rgba(0,0,0,0.07);
    font-weight: bold;
    padding: 14px;
	letter-spacing: 1px;
	text-align: left;
}
.cryptoboxes table.dataTable tbody tr {
    background: none;
}
.cryptoboxes table.dataTable thead th {
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #6B6F82;
    background-color: #fff;
    text-align: right;
    padding: 14px 36px 14px 18px;
    border-color: rgba(0,0,0,0.07);
    border-style: solid;
    border-width: 0 1px 1px 0;
    text-transform: uppercase;
}
.cryptoboxes table.dataTable tbody td {
    color: #37414a;
    padding: 8px 18px;
    text-align: right;
    outline: none;
	vertical-align: middle;
}
.mcw-table .dataTables-footer {
    background: #F3F7FA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    border-top: 1px solid rgba(0,0,0,0.07);
}
.cryptoboxes table.dataTable thead .sorting, .cryptoboxes table.dataTable thead .sorting_asc, .cryptoboxes table.dataTable thead .sorting_desc, .cryptoboxes table.dataTable thead .sorting_asc_disabled, .cryptoboxes table.dataTable thead .sorting_desc_disabled {
    background-position: center right 10px;
}
.cryptoboxes table.dataTable.stripe tbody tr.odd, .cryptoboxes table.dataTable.display tbody tr.odd {
    background-color: #F8FAFB;
}
.cryptoboxes .dataTables_wrapper .dataTables_length {
    color: rgba(74,89,106,.4);
    font-size: 0.9em;
}
.cryptoboxes .dataTables_wrapper .dataTables_length select {
    outline: none;
    display: inline-block;
    background-color: transparent;
    width: auto;
    padding: 2px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    height: auto;
    font-size: 14px;
    margin-left: 8px;
    color: rgba(74,89,106,.7);
    font-weight: bold;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: rgba(74,89,106,.2) !important;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    color: rgba(74,89,106,.7) !important;
    font-weight: bold;
    font-size: 0.9em;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.info {
    cursor: default;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: rgba(74,89,106,.7) !important;
    background: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before, .cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    content: '';
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 5px;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    left: 0;
    border-right: 7px solid rgba(74,89,106,.7);
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    right: 0;
    border-left: 7px solid rgba(74,89,106,.7);
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
    border-right: 7px solid rgba(74,89,106,.2);
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::before {
    border-left: 7px solid rgba(74,89,106,.2);
}
.cryptoboxes table.dataTable thead th.text-left, .cryptoboxes table.dataTable tbody td.text-left {
    text-align: left;
}
.cryptoboxes table.dataTable tbody .coin, .cryptoboxes table.dataTable tbody .coin-image {
    display: flex;
	align-items: center;
	padding: 2px;
}
.cryptoboxes table.dataTable tbody .coin .coin-image img {
    padding: 0;
    max-width: 35px;
}
.cryptoboxes table.dataTable tbody .coin .coin-title {
    padding: 0 10px;
}
.cryptoboxes table.dataTable tbody .coin .coin-title .coin-name {
    font-weight: bold;
    color: #6d6d6d;
    font-size: 1.1em;
}
.cryptoboxes table.dataTable tbody .coin .coin-title a.coin-name {
    color: #2e7ad0;
    box-shadow: none;
    text-decoration: none;
}
.cryptoboxes table.dataTable tbody .coin .coin-title .coin-symbol {
    color: #999;
    font-size: 0.9em;
}

.cryptoboxes table.dataTable tbody .up {
    color: #00b600;
}
.cryptoboxes table.dataTable tbody .down {
    color: #fb0000;
}

.cryptoboxes table.dataTable tbody canvas {
    width: 100% !important;
    height: 50px !important;
}

.cryptoboxes table.dataTable tbody .chart-wrapper {
    width: 190px;
    max-width: 190px;
}

@media (max-width: 768px) {
    .dataTables-footer {
        flex-direction: column;
    }
}

.mcw-table .loader {
    position: relative;
    width: 100%;
	height: 0;
	opacity: 0;
	transition: opacity 200ms ease;
}

.mcw-table.table-processing .loader {
	opacity: 1;
}

.mcw-table .loader::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, red 0%, yellow 15%, lime 30%, cyan 50%, blue 65%, magenta 80%, red 100%);
    background-size: 200%;
    animation: moveGradient 5s linear infinite;
}

/* dark */
.mcw-table.dark {
    color: #fff;
    background: #293145;
}
.mcw-table.dark table.dataTable thead th {
    color: #ccd9e8;
    background-color: #293145;
    border-color: rgba(83,101,140,0.33);
}
.mcw-table.dark .title-bar {
    border-bottom: 1px solid rgba(83,101,140,0.33);
}
.mcw-table.dark table.dataTable tbody td, .mcw-table.dark table.dataTable tbody .coin .coin-title .coin-name {
    color: #ccd9e8;
}
.mcw-table.dark table.dataTable.stripe tbody tr.odd, .mcw-table.dark table.dataTable.display tbody tr.odd {
    background-color: #313a50;
}
.mcw-table.dark .dataTables-footer {
    background: rgba(18,22,41,0.22);
}
.mcw-table.dark .coin .coin-title .coin-name {
    color: #ddd;
}
.mcw-table.dark .dataTables_wrapper .dataTables_length,
.mcw-table.dark .dataTables_wrapper .dataTables_length select,
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #B7BAC6 !important;
}
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #5f6167 !important;
}
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    left: 0;
    border-right: 7px solid #B7BAC6;
}
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    right: 0;
    border-left: 7px solid rgba(74,89,106,.7);
}
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
    border-right: 7px solid #5f6167;
}
.mcw-table.dark .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::before {
    border-left: 7px solid #5f6167;
}
.mcw-table.dark table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.mcw-table.dark table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #424e6f;
}
.mcw-table.dark table.dataTable > tbody > tr.child span.dtr-title {
    color: #ccd9e8;
}
.mcw-table.dark table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid rgba(83,101,140,0.33);
}
.mcw-table.dark table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    border-bottom: none;
}
.mcw-table.dark table.dataTable > tbody > tr.child > td.child {
    background: rgba(18,22,41,0.22);
    border-top: 1px solid rgba(83,101,140,0.33);
    border-bottom: 1px solid rgba(83,101,140,0.33);
}
.mcw-table.dark table.dataTable thead .sorting_asc {
    background-image: url(../img/sort_asc_dark.png);
}
.mcw-table.dark table.dataTable thead .sorting_desc {
    background-image: url(../img/sort_desc_dark.png);
}
.mcw-table.dark table.dataTable thead .sorting {
    background-image: url(../img/sort_both_dark.png);
}

@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: -200% 0%;
    }
}

.cryptoboxes table.fixedHeader-floating {
    position: fixed !important;
    background-color: white
}
.cryptoboxes table.fixedHeader-floating.no-footer {
    border-bottom-width: 0
}
.cryptoboxes table.fixedHeader-locked {
    position: absolute !important;
    background-color: white
}
@media print {
    .cryptoboxes table.fixedHeader-floating {
        display: none
    }
}

/* responsive */
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important
}
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
    display: none !important
}
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 60px;
    cursor: pointer
}
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 15px;
    left: 15px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'massive-crypto', sans-serif;
    line-height: 16px;
    content: '\6c';
    background-color: #d0d0d0;
    padding: 6px;
    border-radius: 4px;
    font-size: 1.1em;
}
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.cryptoboxes table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '\67';
}
.cryptoboxes table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
.cryptoboxes table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}
.cryptoboxes table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
.cryptoboxes table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}
.cryptoboxes table.dataTable.dtr-column > tbody > tr > td.control,
.cryptoboxes table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}
.cryptoboxes table.dataTable.dtr-column > tbody > tr > td.control:before,
.cryptoboxes table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'massive-crypto', sans-serif;
    line-height: 14px;
    content: '\61';
    background-color: #31b131
}
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent td.control:before,
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}
.cryptoboxes table.dataTable > tbody > tr.child > td.child {
    background: #F3F7FA;
    border-top: 1px solid rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.07);
}
.cryptoboxes table.dataTable > tbody > tr.child {
    padding: 0.5em 1em
}
.cryptoboxes table.dataTable > tbody > tr.child:hover {
    background: transparent !important
}
.cryptoboxes table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.cryptoboxes table.dataTable > tbody > tr.child ul.dtr-details > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
    text-align: left;
}
.cryptoboxes table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
    padding-top: 0
}
.cryptoboxes table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    border-bottom: none
}
.cryptoboxes table.dataTable > tbody > tr.child span.dtr-title {
    color: #6d6d6d;
    display: inline-block;
    min-width: 75px;
    font-weight: bold
}
div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}
div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid black;
    border-radius: 0.5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)
}
div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}
div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}
div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}
div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.6)
}
@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

/* list */
.mcw-list {
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
}
.mcw-list-shadow {
    border: 1px solid rgba(0,0,0,0.07);
    box-shadow: 0 2px 3px 0 rgba(40,40,90,.09), 0 3px 6px 0 rgba(0,0,0,.065);
}
.mcw-list .mcw-list-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row; 
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mcw-list .mcw-list-row:last-child {
    border-bottom: none;
}
.mcw-list .mcw-list-column {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 18px 0 18px;
}
.mcw-list .mcw-list-column .coin-img {
    margin-right: 10px;
}
.mcw-list-price {
    opacity: 1;
    font-weight: bold;
    transition: opacity 0.5s ease-in;
}
.mcw-list-change {
    position: relative;
    margin-left: 40px;
}
.mcw-list-change.down {
    color: #ff3026;
}
.mcw-list-change.up {
    color: #13c24e;
}
.mcw-list-change.down::before, .mcw-list-change.up::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: 50%;
    transform: translateY(-60%);
    border-radius: 2px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.mcw-list-change.down::before {
    border-top: 10px solid red;
}
.mcw-list-change.up::before {
    border-bottom: 10px solid #13c24e;
}

/* themes */
.mcw-list-white {
    color: #565656;
    background: #fff;
}
.mcw-list-white .mcw-list-row {
    border-bottom: 1px solid #e6e6e6;
}
.mcw-list-2 .mcw-list-white .mcw-list-header i::before, .mcw-list-2 .mcw-list-white .mcw-list-header i::after {
    background: #565656;
}
.mcw-list-dark {
    background: #293145;
}
.mcw-list-dark .mcw-list-row {
    border-bottom: 1px solid rgba(83,101,140,0.33);
}
.mcw-list-info {
    background: #5073F5;
}
.mcw-list-warning {
    background: #E2672A;
}
.mcw-list-danger {
    background: #ff4961;
}
.mcw-list-danger .mcw-list-change.down {
    color: #880600;
}
.mcw-list-danger .mcw-list-change.down::before {
    border-top: 10px solid #880600;
}
.mcw-list-success {
    background: #298F29;
}


.mcw-list-2 {
    background: none;
}
.mcw-list-2.mcw-list-shadow {
    border: none;
    box-shadow: none;
}
.mcw-list-2 .mcw-list-item {
    margin-bottom: 10px;
    border-radius: 5px;
}
.mcw-list-2  .mcw-list-body {
    display: none;
    text-align: left;
}
.mcw-list-2 .mcw-list-body .mcw-list-price {
    margin: 20px 0 0 25px;
    font-size: 2em;
    display: inline-block;
}
.mcw-list-2 .mcw-list-body .mcw-list-price .symbol {
    font-size: 0.6em;
    vertical-align: super;
    display: inline;
}
.mcw-list-2 .mcw-list-header {
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}
.mcw-list-2 .mcw-list-header i {
    position: absolute;
    right: 30px;
}
.mcw-list-2 .mcw-list-header i::before, .mcw-list-header i::after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 3px;
    height: 9px;
    transition: all 0.25s ease-in-out;
}
.mcw-list-2 .mcw-list-header i::before {
    transform: translate(2px, 0) rotate(45deg);
}
.mcw-list-2 .mcw-list-header i::after {
    transform: translate(-2px, 0) rotate(-45deg);
}
.mcw-list-2 .mcw-list-item.active .mcw-list-header i::before {
    transform: translate(-2px, 0) rotate(45deg);
}
.mcw-list-2 .mcw-list-item.active .mcw-list-header i::after {
    transform: translate(2px, 0) rotate(-45deg);
}
.mcw-list-2 .mcw-list-item.active .mcw-list-header .mcw-list-price {
    opacity: 0;
}

.mcw-list-3 .inline-chart {
    max-width: 200px;
    padding-left: 30px;
}
.mcw-list-3 .mcw-list-column {
    justify-content: space-between;
}

/* box */
.mcw-box {
    position: relative;
    overflow: hidden;
}
.mcw-box.cc-white-color {
    border: 1px solid #e6e6e6;
}
.mcw-box-content {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
.mcw-box-row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mcw-box-content.center {
    flex-direction: column;
    justify-content: center;
}
.mcw-box-price-wrapper {
    font-size: 1.5em !important;
    font-weight: bold !important;
}
.mcw-box-price-wrapper .mcw-price-symbol {
    opacity: 0.4;
}
.mcw-box .chart-offset {
    display: none;
}
.mcw-box-2 .mcw-list-change {
    font-size: 1rem;
}
.mcw-box-3 .mcw-box-price-wrapper {
    font-size: 2em !important;
    margin-top: 20px;
}
.mcw-box-4 .mcw-box-price-wrapper {
    padding: 10px;
}
.mcw-box-converter {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.mcw-box-converter .mcw-box-separator {
    padding: 0 20px;
}
.mcw-box-converter .mcw-box-select {
    flex: 1;
}
.mcw-box-converter .mcw-select-wrapper, .mcw-box-converter select {
    width: 100%;
}
.mcw-select-wrapper {
  display: inline-block;
  position: relative;
  border-radius: 6px;
}
.mcw-select-wrapper:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 16px;
    border: solid #ddd;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 1px;
}

.mcw-select-wrapper select {
    padding: 10px 40px 10px 10px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 5px;
    position: relative;
    top: 0;
    cursor: pointer;
    z-index: 10;
    outline: none;
    font-weight: bold;
    color: inherit;
    height: auto;
}
.mcw-select-wrapper select option {
    color: #000;
}

/* text */
.mcw-text {
    padding: 10px;
    background: #fff;
    border: 5px solid rgb(238, 238, 238);
    border-radius: 5px;
}
.mcw-text h4 {
    font-size: 2em;
    font-weight: bold;
}
.mcw-box-title {
    opacity: 0.6;
}
.mcw-box-shortcode {
    color: #555;
    padding-top: 10px;
    font-weight: bold !important;
}