*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
/*@import "tailwindcss/components";*/
.cryptoboxes .btcecc-dropdown__list,
.tippy-content .btcecc-dropdown__list {
    margin: 0px;
    display: none;
    list-style-type: none;
    padding-left: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}
.tippy-content .btcecc-dropdown__list {
    display: block;
}
.tippy-content .btcecc-dropdown__list.btcecc-dropdown-overflow {
    max-height: 170px;
    overflow-y: scroll;
}
.tippy-content .btcecc-dropdown__list::-webkit-scrollbar {
    width: 5px;
}
.tippy-content .btcecc-dropdown__list::-webkit-scrollbar-track {
    background: none;
}
.tippy-content .btcecc-dropdown__list::-webkit-scrollbar-thumb {
    border-radius: 0.125rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(250 250 250 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.tippy-content .btcecc-dropdown__list::-webkit-scrollbar-thumb:hover {
    background: #d0d0d0;
}
.tippy-tooltip.dark-theme .btcecc-dropdown__list:hover::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.tippy-content .btcecc-dropdown__list .btcecc-dropdown__item {
    margin: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    pointer-events: all;
}
.tippy-content .btcecc-dropdown__list .btcecc-dropdown__item a {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}
:is(.bt-dark .tippy-content .btcecc-dropdown__list .btcecc-dropdown__item a) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
.tippy-content .btcecc-dropdown__list .btcecc-dropdown__item i {
    opacity: 0.6;
    font-style: normal;
    margin: 0 5px;
}
.tippy-content .btcecc-dropdown__list .btcecc-dropdown__item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 238 193 / var(--tw-bg-opacity));
}
:is(.bt-dark .tippy-content .btcecc-dropdown__list .btcecc-dropdown__item:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 146 5 / var(--tw-bg-opacity));
}
/* tippy themes */
.tippy-tooltip {
    border-radius: 3px;
}
.tippy-tooltip[data-animatefill]{
    background-color:transparent
}
.tippy-tooltip.light-theme {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:is(.bt-dark .tippy-tooltip.light-theme) {
    --tw-bg-opacity: 1;
    background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}
.tippy-tooltip.light-theme {
    /* box-shadow: 2px 2px 2px #ccc; */
    /* background-color:#fff; */
    border: 1px solid rgba(0,0,0,0.2);
}
.tippy-tooltip.light-theme .tippy-backdrop {
    background-color:#fff;
}
.tippy-tooltip.dropdown-theme {
    padding: 0;
}
.tippy-tooltip.dropdown-theme a {
    padding: 12px 10px;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow {
    border-bottom: 8px solid #1a1d2d;
}
table.dataTable {
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-collapse: separate;
    /*width: 100%;*/
    /*margin: 0 auto;*/
    /*clear: both;*/
    /*border-collapse: separate;*/
    border-spacing: 0;
}
table.dataTable thead th,table.dataTable tfoot th {
    font-weight: 600;
}
table.dataTable thead th {
    float: none;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 2rem;
    padding-left: 1.25rem;
    text-align: right;
    font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}
table.dataTable thead th:first-child {
    border-left-width: 1px;
}
table.dataTable thead th:last-child {
    padding-right: 1.25rem;
}
:is(.bt-dark table.dataTable thead th) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
table.dataTable thead th,table.dataTable thead td {
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
:is(.bt-dark table.dataTable thead th),:is(.bt-dark table.dataTable thead td) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable thead th:active,table.dataTable thead td:active {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
table.dataTable tfoot th,table.dataTable tfoot td {
    border-top-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark table.dataTable tfoot th),:is(.bt-dark table.dataTable tfoot td) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable tfoot th,table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-position: center;
    background-position: right;
    background-repeat: no-repeat;
    *cursor: hand;
}
table.dataTable thead .sorting {
    /* background-image: url("../img/sort_both.png") */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='bt-w-5 bt-h-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png")
}
table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png")
}
table.dataTable thead .sorting_asc_disabled {
    /* background-image: url("../img/sort_asc_disabled.png") */
    background-image: none;
}
table.dataTable thead .sorting_desc_disabled {
    /* background-image: url("../img/sort_desc_disabled.png") */
    background-image: none;
}
table.dataTable tbody tr {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable tbody tr) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
table.dataTable tbody tr.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable tbody tr.selected) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
table.dataTable tbody th,table.dataTable tbody td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td {
    border-top-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark table.dataTable.row-border tbody th),:is(.bt-dark table.dataTable.row-border tbody td),:is(.bt-dark table.dataTable.display tbody th),:is(.bt-dark table.dataTable.display tbody td) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td {
    border-top-width: 0px;
}
table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td {
    border-top-width: 1px;
    border-right-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark table.dataTable.cell-border tbody th),:is(.bt-dark table.dataTable.cell-border tbody td) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {
    border-left-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark table.dataTable.cell-border tbody tr th:first-child),:is(.bt-dark table.dataTable.cell-border tbody tr td:first-child) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td {
    border-top-width: 0px;
}
table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.stripe tbody tr.odd),:is(.bt-dark table.dataTable.display tbody tr.odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.stripe tbody tr.odd.selected),:is(.bt-dark table.dataTable.display tbody tr.odd.selected) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.hover tbody tr:hover),:is(.bt-dark table.dataTable.display tbody tr:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.hover tbody tr:hover.selected),:is(.bt-dark table.dataTable.display tbody tr:hover.selected) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.order-column tbody tr>.sorting_1),:is(.bt-dark table.dataTable.order-column tbody tr>.sorting_2),:is(.bt-dark table.dataTable.order-column tbody tr>.sorting_3),:is(.bt-dark table.dataTable.display tbody tr>.sorting_1),:is(.bt-dark table.dataTable.display tbody tr>.sorting_2),:is(.bt-dark table.dataTable.display tbody tr>.sorting_3) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.order-column tbody tr.selected>.sorting_1),:is(.bt-dark table.dataTable.order-column tbody tr.selected>.sorting_2),:is(.bt-dark table.dataTable.order-column tbody tr.selected>.sorting_3),:is(.bt-dark table.dataTable.display tbody tr.selected>.sorting_1),:is(.bt-dark table.dataTable.display tbody tr.selected>.sorting_2),:is(.bt-dark table.dataTable.display tbody tr.selected>.sorting_3) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd>.sorting_1),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd>.sorting_1) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd>.sorting_2),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd>.sorting_2) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd>.sorting_3),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd>.sorting_3) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd.selected>.sorting_1),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd.selected>.sorting_2),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.odd.selected>.sorting_3),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.even>.sorting_1),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.even>.sorting_1) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.even>.sorting_2),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.even>.sorting_2) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.even>.sorting_3),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.even>.sorting_3) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.even.selected>.sorting_1),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark table.dataTable.display tbody tr.even.selected>.sorting_2),:is(.bt-dark table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}
table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}
table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}
table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}
table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}
table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}
table.dataTable.no-footer {
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark table.dataTable.no-footer) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
table.dataTable.nowrap th,table.dataTable.nowrap td {
    white-space: nowrap;
}
table.dataTable.compact thead th,table.dataTable.compact thead td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 1rem;
    padding-left: 0.25rem;
}
table.dataTable.compact tfoot th,table.dataTable.compact tfoot td {
    padding: 0.25rem;
}
table.dataTable.compact tbody th,table.dataTable.compact tbody td {
    padding: 0.25rem;
}
table.dataTable th.dt-left,table.dataTable td.dt-left {
    text-align: left;
}
table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty {
    text-align: center;
}
table.dataTable th.dt-right,table.dataTable td.dt-right {
    text-align: right;
}
table.dataTable th.dt-justify,table.dataTable td.dt-justify {
    text-align: justify;
}
table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap {
    white-space: nowrap;
}
table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left {
    text-align: left;
}
table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center {
    text-align: center;
}
table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right {
    text-align: right;
}
table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left {
    text-align: left;
}
table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center {
    text-align: center;
}
table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right {
    text-align: right;
}
table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}
table.dataTable,table.dataTable th,table.dataTable td {
    box-sizing: content-box;
}
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom:1;
}
.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em
}
.dataTables_wrapper .dataTables_info {
    float: left;
    clear: both;
    padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {

    float: right;
    text-align: right;
    padding-top: 0.25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    /* color:#333 !important; */
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity));
}
:is(.bt-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current),:is(.bt-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover) {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    /*color: #333 !important;*/
    border: 1px solid #979797;
    background-color: white;
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)
}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}
:is(.bt-dark .dataTables_wrapper .dataTables_length),:is(.bt-dark .dataTables_wrapper .dataTables_filter),:is(.bt-dark .dataTables_wrapper .dataTables_info),:is(.bt-dark .dataTables_wrapper .dataTables_processing),:is(.bt-dark .dataTables_wrapper .dataTables_paginate) {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    /* color: #333 */
}
.dataTables_wrapper .dataTables_scroll {
    clear: both
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}
.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}
@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5rem;
    }
}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5rem;
    }
}
.cryptoboxes .btcecc-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cryptoboxes .btcecc-animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.cryptoboxes .liveup {
    animation-name: liveupcolor;
    -webkit-animation-name: liveupcolor;
    animation-duration: 500;
    -webkit-animation-duration: 500;
}
.cryptoboxes .livedown {
    animation-name: livedowncolor;
    -webkit-animation-name: livedowncolor;
    animation-duration: 500;
    -webkit-animation-duration: 500;
}
.coinpage .cryptoboxes .coin-price.liveup {
    animation-name: liveupcolor;
    -webkit-animation-name: liveupcolor;
    animation-duration: 500;
    -webkit-animation-duration: 500;
}
.coinpage .cryptoboxes .coin-price.livedown {
    animation-name: livedowncolor;
    -webkit-animation-name: livedowncolor;
    animation-duration: 500;
    -webkit-animation-duration: 500;
}
.btce-sub-bar__navigation__entry .liveup,
.btce-article__ticker__price.btcecc-animated.liveup,
.btcecc-list .btcecc-list__coin.btcecc-animated.livedown {
    animation-name: liveupcolor !important;
    -webkit-animation-name: liveupcolor !important;
    animation-duration: 500 !important;
    -webkit-animation-duration: 500 !important;
}
.btce-sub-bar__navigation__entry .livedown,
.btce-article__ticker__price.btcecc-animated.livedown,
.btcecc-list .btcecc-list__coin.btcecc-animated.livedown{
    animation-name: livedowncolor !important;
    -webkit-animation-name: livedowncolor !important;
    animation-duration: 500 !important;
    -webkit-animation-duration: 500 !important;
}
@-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);}
}
@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);}
}
@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);}
}
@-webkit-keyframes liveupcolor {
    0%  { color: #86EFAC;}
    50%  { color: #16A34A; }
    100%  { color: #DCFCE7;}
}
@keyframes liveupcolor {
    0%  { color: #86EFAC;}
    50%  { color: #16A34A; }
    100%  { color: #DCFCE7;}
}
@-webkit-keyframes livedowncolor {
    0%  { color: #F87171;}
    50%  { color: #DC2626;}
    100%  { color: #FEE2E2;}
}
@keyframes livedowncolor {
    0%  { color: #F87171;}
    50%  { color: #DC2626;}
    100%  { color: #FEE2E2;}
}
/* purgecss start ignore */
/* Override Plugin styles and needed stuff */
/* table reset */
.cryptoboxes table.dataTable {
    table-layout: auto;
}
.cryptoboxes table.dataTable,
.cryptoboxes table.dataTable th,
.cryptoboxes table.dataTable td {
    border: none;
}
/* In Orginal
.cryptoboxes table.dataTable thead .sorting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='bt-w-5 bt-h-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
} */
.cryptoboxes table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png");
}
.cryptoboxes table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png");
}
/* In Orginal
.cryptoboxes table.dataTable thead .sorting_asc_disabled {
    background-image: none;
} */
/* In Orginal
.cryptoboxes table.dataTable thead .sorting_desc_disabled {
    background-image: none;
} */
.cryptoboxes table.dataTable.display tbody tr,
.cryptoboxes table.dataTable.display tbody tr > .sorting_1,
.cryptoboxes table.dataTable.display tbody tr > .sorting_2,
.cryptoboxes table.dataTable.display tbody tr > .sorting_3,
.cryptoboxes table.dataTable.display tbody tr.odd > .sorting_1,
.cryptoboxes table.dataTable.display tbody tr.even > .sorting_1,
.cryptoboxes table.dataTable.hover tbody tr:hover,
.cryptoboxes table.dataTable.display tbody tr:hover,
.cryptoboxes .dataTables_wrapper .dataTables_processing {
    background: none;
}
/*.cryptoboxes table.dataTable.display tbody th,*/
/*.cryptoboxes table.dataTable.display tbody td {*/
/*    border-top: none;*/
/*}*/
.cryptoboxes table.dataTable.no-footer,
.cryptoboxes .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
/* styles */
.cdt-table {
    width: 100%;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}
:is(.bt-dark .cdt-table) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
.cdt-table .title-bar {
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.cryptoboxes table.dataTable thead th {
    float: none;
    border-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 2rem;
    padding-left: 1rem;
    text-align: right;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody td {
    border-top-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: right;
    vertical-align: middle;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}
:is(.bt-dark .cryptoboxes table.dataTable tbody td) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
.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-repeat: no-repeat;
    background-position: center right 10px;
}
.cryptoboxes table.dataTable.display tbody tr.even {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable.display tbody tr.even) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.cryptoboxes table.dataTable.display tbody tr.odd {
    /*background-color: #fff !important;*/
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable.display tbody tr.odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
/* .cryptoboxes table.dataTable.display tbody tr:last-child {
    @apply bt-border-b bt-border-gray-200;
} */
.cryptoboxes .dataTables_wrapper .dataTables_length {
    color: rgba(74,89,106,.4);
    font-size: 0.9em;
}
.cryptoboxes .dataTables_wrapper .dataTables_length select {
    display: inline-block;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    background-color: transparent;
    padding: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_length select) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.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 {
    padding-top: 0;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button) {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
}
.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 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.previous)::before {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    left: 0;
    border-right: 7px solid;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next)::before {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
    right: 0;
    border-left: 7px solid;
}
.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;
    margin-right: 10px;
    background: transparent;
}
.cryptoboxes table.dataTable.dtr-column.collapsed tbody td.ctrl .coin .coin-image img {
    max-width: 25px;
}
.cryptoboxes table.dataTable.dtr-column.collapsed tbody td.ctrl .coin .coin-name {
    display: none;
}
.cryptoboxes table.dataTable.dtr-column.collapsed tbody td.ctrl .coin .coin-symbol {
    color: #6d6d6d;
    font-weight: bold;
}
.cryptoboxes table.dataTable.dtr-column.collapsed tbody td.ctrl .coin a.coin-title .coin-symbol {
    color: #2e7ad0;
}
.cryptoboxes table.dataTable tbody .coin .coin-title {
    font-size: 15px;
}
/*.cryptoboxes table.dataTable tbody .coin .coin-title .coin-name,*/
/*.cryptoboxes table.dataTable tbody .coin .coin-title .coin-symbol {*/
/*    line-height: 1.5;*/
/*}*/
.cryptoboxes table.dataTable tbody .coin .coin-title .coin-name {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .coin .coin-title .coin-name) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody .coin a.coin-title {
    box-shadow: none;
    text-decoration: none;
}
/*.cryptoboxes table.dataTable tbody .coin a.coin-title .coin-name {*/
/*    color: #292929 !important;*/
/*}*/
.cryptoboxes table.dataTable tbody .coin a.coin-title:hover .coin-name {
    color: #ffa838 !important;
}
.cryptoboxes table.dataTable tbody .coin .coin-title .coin-symbol {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .coin .coin-title .coin-symbol) {
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody .up {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .up) {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody .down {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .down) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody canvas {
    width: 100% !important;
    height: 50px !important;
}
.cryptoboxes table.dataTable tbody .chart-wrapper {
    width: 190px;
    min-width: 150px;
    max-width: 190px;
}
.cryptoboxes table.dataTable.dtr-column tbody td {
    font-size: 14px;
}
.cryptoboxes .dataTables_wrapper .dataTables_scroll {
    margin-left: -2px;
}
.cryptoboxes .dataTables_wrapper .DTFC_LeftBodyLiner,
.cryptoboxes .dataTables_wrapper .DTFC_RightBodyLiner {
    overflow-y: unset !important;
}
/* loader */
@-webkit-keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: -200% 0%;
    }
}
@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: -200% 0%;
    }
}
.cdt-table .loader {
    position: relative;
    display: none;
    width: 100%;
    height: 2px;
    transition: opacity 200ms ease;
}
.cdt-table .loader-footer {
    top: 6px;
}
.cdt-table .loader::before {
    content: '';
    position: absolute;
    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%;
    -webkit-animation: moveGradient 5s linear infinite;
            animation: moveGradient 5s linear infinite;
}
/* fixed header */
.cdt-table .cdt-fixedHeader {
    position: relative;
    z-index: 9999;
    display: block;
    overflow: hidden;
}
.cdt-table table.fixedHeader-floating {
    z-index: 9999;
}
table.fixedHeader-floating{
    position:fixed !important;
    background-color:white;
}
table.fixedHeader-floating.no-footer{
    border-bottom-width:0
}
table.fixedHeader-locked{position:absolute !important;background-color:white}
@media print{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: 50%;
    left: 15px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 16px;
    content: '\f107';
    background-color: #d0d0d0;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.1em;
    transform: translateY(-50%);
}
.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: '\f106';
}
.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.collapsed > tbody > tr > td.ctrl,
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > th.ctrl {
    position: relative;
    padding-left: 60px;
    cursor: pointer
}
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > td.ctrl:before,
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > th.ctrl:before {
    top: 50%;
    left: 15px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 16px;
    content: '\f107';
    background-color: #d0d0d0;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.1em;
    transform: translateY(-50%);
}
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent td.ctrl:before,
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent th.ctrl:before {
    content: '\f106';
}
.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;
    margin: 0;
    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%;
    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%
    }
}
/* mobile responsive */
@media (max-width: 767px) {
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-image img {
        max-width: 20px;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title a.coin-name {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-name {
        font-size: 1em;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-symbol {
        font-size: 0.9em;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-name,
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-symbol {
        line-height: 1;
    }
    .cryptoboxes.cdt-table table.table-scroll .min-tablet-p {
        display: none;
    }
}
/* table reset */
.cryptoboxes table.dataTable {
    table-layout: auto;
    border-collapse: separate;
}
.cryptoboxes table.dataTable,
.cryptoboxes table.dataTable th,
.cryptoboxes table.dataTable td {
    border: none;
}
.cryptoboxes table.dataTable thead .sorting {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23a7a7a7'%3E%3Cpath fill-rule='evenodd' d='M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
.cryptoboxes table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png");
}
.cryptoboxes table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png");
}
.cryptoboxes table.dataTable thead .sorting_asc_disabled {
    background-image: none;
}
.cryptoboxes table.dataTable thead .sorting_desc_disabled {
    background-image: none;
}
.cryptoboxes table.dataTable.display tbody tr,
.cryptoboxes table.dataTable.display tbody tr > .sorting_1,
.cryptoboxes table.dataTable.display tbody tr > .sorting_2,
.cryptoboxes table.dataTable.display tbody tr > .sorting_3,
.cryptoboxes table.dataTable.display tbody tr.odd > .sorting_1,
.cryptoboxes table.dataTable.display tbody tr.even > .sorting_1,
.cryptoboxes table.dataTable.hover tbody tr:hover,
.cryptoboxes table.dataTable.display tbody tr:hover,
.cryptoboxes .dataTables_wrapper .dataTables_processing {
    background: none;
}
.cryptoboxes table.dataTable.display tbody th,
.cryptoboxes table.dataTable.display tbody td {
    /*border-top: none;*/
    border-top-width: 1px;
}
.cryptoboxes table.dataTable.no-footer,
.cryptoboxes .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
/* styles */
.cdt-table {
    width: 100%;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}
:is(.bt-dark .cdt-table) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
.cdt-table {
    /*width: 100%;*/
    /*color: #292929;*/
    /*background: #fff;*/
    /*font-size: 15px;*/
    /*font-weight: 400;*/
    /* border: 1px solid #e6e6e6; */
    /*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); */
}
.cdt-table .title-bar {
    /* border-bottom: 1px solid #e6e6e6; */
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-family: "Work Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    /*font-weight: normal;*/
    /*padding: 0 0 14px 14px;*/
    /*font-size: 1.5rem;*/
    /* letter-spacing: 1px; */
    /*text-align: left;*/
    /*line-height: 1.875rem;*/
}
.cryptoboxes table.dataTable thead th {
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 2rem;
    padding-left: 1.25rem;
    text-align: right;
    font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable thead th:first-child {
    border-left-width: 1px;
}
.cryptoboxes table.dataTable thead th:last-child {
    padding-right: 1.25rem;
}
:is(.bt-dark .cryptoboxes table.dataTable thead th) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(163 163 163 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable thead th {
    letter-spacing: 1px;
    float: none;
}
.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-repeat: no-repeat;
    background-position: center right 10px;
}
.cryptoboxes table.dataTable.display tbody tr.even {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable.display tbody tr.even) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.cryptoboxes table.dataTable.display tbody tr.odd {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable.display tbody tr.odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
/* .cryptoboxes table.dataTable.display tbody tr:last-child {
    @apply bt-border-b bt-border-gray-300 dark:bt-bg-gray-500;
} */
.cryptoboxes .dataTables_wrapper .dataTables_length {
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_length) {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
    .cryptoboxes .dataTables_wrapper .dataTables_length {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
.cryptoboxes .dataTables_wrapper .dataTables_length select {
    /*@apply  bt-border  bt-rounded-sm bt-text-sm bt-px-2 bt-py-1;*/
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
}
.cryptoboxes .dataTables_wrapper .dataTables_length select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 168 56 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 146 5 / var(--tw-ring-opacity));
}
:is(.bt-dark .cryptoboxes .dataTables_wrapper .dataTables_length select) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
    .cryptoboxes .dataTables_wrapper .dataTables_length select {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
.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 {
    padding-top: 0;
}
.cryptoboxes .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}
/*.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: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;
    margin-right: 10px;
    background: transparent;
}
.cryptoboxes table.dataTable tbody .coin .coin-title {
    font-size: 1rem;
    line-height: 1.5rem;
}
.cryptoboxes table.dataTable tbody .coin .coin-title .coin-name {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody .up {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .up) {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody .down {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
:is(.bt-dark .cryptoboxes table.dataTable tbody .down) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
}
.cryptoboxes table.dataTable tbody canvas {
    width: 100% !important;
    height: 50px !important;
}
.cryptoboxes table.dataTable tbody .chart-wrapper {
    width: 190px;
    min-width: 150px;
    max-width: 190px;
}
.cryptoboxes table.dataTable.dtr-column tbody td {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.cryptoboxes .dataTables_wrapper .dataTables_scroll {
    margin-left: -2px;
}
.cryptoboxes .dataTables_wrapper .DTFC_LeftBodyLiner,
.cryptoboxes .dataTables_wrapper .DTFC_RightBodyLiner {
    overflow-y: unset !important;
}
/* loader */
@keyframes moveGradient {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: -200% 0%;
    }
}
.cdt-table .loader {
    position: relative;
    display: none;
    width: 100%;
    height: 2px;
    transition: opacity 200ms ease;
}
.cdt-table .loader-footer {
    top: 6px;
}
.cdt-table .loader::before {
    content: '';
    position: absolute;
    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%;
    -webkit-animation: moveGradient 5s linear infinite;
            animation: moveGradient 5s linear infinite;
}
table.fixedHeader-floating{position:fixed !important;background-color:white}
table.fixedHeader-floating.no-footer{border-bottom-width:0}
table.fixedHeader-locked{position:absolute !important;background-color:white}
@media print{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: 50%;
    left: 15px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 16px;
    content: '\f107';
    background-color: #d0d0d0;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.1em;
    transform: translateY(-50%);
}
.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: '\f106';
}
.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.collapsed > tbody > tr > td.ctrl,
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > th.ctrl {
    position: relative;
    padding-left: 60px;
    cursor: pointer
}
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > td.ctrl:before,
.cryptoboxes table.dataTable.dtr-column.collapsed > tbody > tr > th.ctrl:before {
    top: 50%;
    left: 15px;
    display: block;
    position: absolute;
    color: white;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 16px;
    content: '\f107';
    background-color: #d0d0d0;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 1.1em;
    transform: translateY(-50%);
}
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent td.ctrl:before,
.cryptoboxes table.dataTable.dtr-column > tbody > tr.parent th.ctrl:before {
    content: '\f106';
}
.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;
    margin: 0;
    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%;
    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%
    }
}
/* mobile responsive */
@media (max-width: 767px) {
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-image img {
        max-width: 20px;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title a.coin-name {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-name {
        font-size: 1em;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-symbol {
        font-size: 0.9em;
    }
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-name,
    .cryptoboxes.cdt-table table.table-scroll tbody .coin .coin-title .coin-symbol {
        line-height: 1;
    }
    .cryptoboxes.cdt-table table.table-scroll .min-tablet-p {
        display: none;
    }
}
.cryptoboxes .coinnmc-table .title-bar {
    border-bottom: 1px solid #e6e6e6;
}
.cryptoboxes .cdt-table-tools {
    font-size: 13px;
    /*border-bottom: 1px solid #e3e3e3;*/
    white-space: nowrap;
}
.cryptoboxes.cdt-table p {
    display: inline;
    margin: 0;
}
.cdt-table.cmcl-xs table.dataTable {
    font-size: 13px;
}
.cdt-table.cmcl-xs .coin-name {
    display: inline-block;
    max-width: 10ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cdt-table.cmcl-xs table.dataTable .coin-image img {
    max-width: 24px;
}
.cdt-table .btcecc-dt-footer.dataTables-footer {
    display: block;
    white-space: nowrap;
    border-top-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    padding: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
:is(.bt-dark .cdt-table .btcecc-dt-footer.dataTables-footer) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.cdt-table .dataTables_info {
    display: inline-block;
    /* display: inline-block; */
    padding: 10px 0;
    /* opacity: 0.7; */
}
.cdt-table .cmc-row {
    margin: 0;
}
.cdt-table .datatable-scroll {
    margin-bottom: -5px;
    overflow: auto;
}
.cdt-table .datatable-scroll::-webkit-scrollbar {
    height: 5px;
}
.cdt-table .datatable-scroll::-webkit-scrollbar-track {
    background:#e9ecf5;
}
.cdt-table .datatable-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #848ea1;
}
.cryptoboxes .btcecc-previous-btn {
    display: none;
}
.cryptoboxes .btcecc-control {
    position: relative;
    border-radius: 0.125rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.bt-dark .cryptoboxes .btcecc-control) {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity));
}
.cryptoboxes .btcecc-control {
    /*position: relative;*/
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 8px 10px;
    line-height: normal;
    /*border-radius: 5px;*/
    /*border: 1px solid rgba(0,0,0,0.2);*/
    /*background-color: #fff;*/
    transition: border .25s;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
}
.cryptoboxes input.btcecc-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.4);
}
.cryptoboxes .btcecc-input-group {
    display: flex;
    position: relative;
}
.cryptoboxes .btcecc-input-addon {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
    opacity: 0.6;
    transform: translateY(-50%);
    transition: all .25s ease-in-out;
}
.cryptoboxes .btcecc-input-group-right .btcecc-input-addon {
    left: auto;
    right: 15px;
}
.cryptoboxes .btcecc-input-group input.btcecc-control {
    flex: 1;
    width: 100%;
    padding-left: 30px;
}
.btcecc-dropdown-active .btcecc-input-addon {
    margin-top: -2px;
    transform: translateY(-50%) scale(-1);
}
.cryptoboxes .btcecc-button {
    cursor: pointer;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}
.cryptoboxes .btcecc-button:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 168 56 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 146 5 / var(--tw-ring-opacity));
}
.cryptoboxes .btcecc-button:active {
    --tw-border-opacity: 1;
    border-color: rgb(255 168 56 / var(--tw-border-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 146 5 / var(--tw-ring-opacity));
}
.cryptoboxes .btcecc-button {
    width: 100%;
    color: inherit;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none;
    box-sizing: border-box;
    text-align: center;
}
/* New Stuff */
.btcecc-btn {
    cursor: pointer;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.btcecc-btn:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 146 5 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity));
}
.btcecc-btn:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 146 5 / var(--tw-border-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 146 5 / var(--tw-ring-opacity));
}
:is(.bt-dark .btcecc-btn) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(163 163 163 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(229 229 229 / var(--tw-text-opacity));
}
:is(.bt-dark .btcecc-btn:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(255 146 5 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(245 245 245 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
    .btcecc-btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
.btcecc-btn__pagination {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.btcecc-history .dataTables-footer,
.btcecc-markets .dataTables-footer {
    margin-top: 1rem;
}
.btc-coin-tabs {
    min-height: 523px;
}
@media (min-width: 1024px) {
    .btc-coin-tabs {
        min-height: 306px;
    }
}
/* purgecss end ignore */
/*@import "base/tabs.css";*/
/* reset */
.coinpage a {
    text-decoration: none;
    box-shadow: none;
}
.coinpage a:focus, .coinpage a:active {
    outline: none;
    border: none;
    box-shadow: none;
}
.cryptoboxes [data-price] {
    display: inline-block;
    padding: 0 4px;
    line-height: 1.5;
    border-radius: 4px;
    white-space: nowrap;
    box-sizing: content-box;
}
invert-act img.invertable {
    filter: invert(80%);
}
.fiat-symbol,
.cryptoboxes .fiat-symbol {
    display: inline !important;
    font-weight: normal !important;
}
/* global */
.cryptoboxes .btcecc-ticker {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: calc(1em + 30px);
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cryptoboxes .btcecc-ticker .cmc-row {
    margin: 0;
    text-align: center;
}
.cryptoboxes .btcecc-ticker .btcecc-stat {
    padding: 15px;
}
.cryptoboxes .btcecc-ticker-arrow {
    content: '';
    position: absolute;
    right: 15px;
    top: 1em;
}
.cryptoboxes .btcecc-ticker .mcw-up {
    color: #85B000;
}
.cryptoboxes .btcecc-ticker .mcw-down {
    color: #FF0033;
}
.cryptoboxes .btcecc-ticker span {
    font-weight: bold;
}
.cryptoboxes .btcecc-ticker i {
    transition: transform .15s;
}
.cryptoboxes .btcecc-ticker.cmcl-lg {
    cursor: default;
}
.cryptoboxes .btcecc-ticker.cmcl-lg i {
    display: none;
}
.cryptoboxes .btcecc-ticker.cmcl-md.single {
    height: calc(2em + 60px);
}
.cryptoboxes .btcecc-ticker.cmcl-sm.single {
    height: calc(3em + 90px);
}
.cryptoboxes .btcecc-ticker.cmcl-xs.single {
    height: calc(5em + 150px);
}
.cryptoboxes .btcecc-ticker.single i {
    transform: rotate(180deg);
}
.cryptoboxes .btcecc-header, .cryptoboxes .btcecc-footer {
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 9999999;
}
.cryptoboxes .btcecc-header {
    top: 0;
}
.cryptoboxes .btcecc-footer {
    bottom: 0;
}
.cryptoboxes .cc-ticker-round {
    border-radius: 5px;
}
.cryptoboxes .cc-white-color {
    background: #fff;
}
.cryptoboxes .btcecc-ticker.btcecc-header .cc-white-color {
    border-bottom: 1px solid #E6E6E6;
}
.cryptoboxes .btcecc-ticker.btcecc-footer .cc-white-color {
    border-top: 1px solid #E6E6E6;
}
.cryptoboxes .btcecc-ticker.btcecc-same .cc-white-color {
    border: 1px solid #E6E6E6;
}
.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;
}
/* nice scroll */
.cryptoboxes .btcecc-nice-scroll::-webkit-scrollbar {
    width: 5px;
}
.cryptoboxes .btcecc-nice-scroll::-webkit-scrollbar-track {
    background: none;
}
.cryptoboxes .btcecc-nice-scroll::-webkit-scrollbar-thumb {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
}
.cryptoboxes .btcecc-nice-scroll:hover::-webkit-scrollbar-thumb {
    background: #d0d0d0;
}
/* flat picker */
.cryptoboxes .flatpickr-wrapper {
    width: 100%;
}
.cryptoboxes .flatpickr-calendar.static.rightMost {
    right: 0;
}
.cryptoboxes .btcecc-chart .chart-wrapper {
    width: 100%;
    padding: 0.75rem;
}
.btcecc-filter.btcecc-chart-type {
    display: flex;
    width: 100%;
}
.btcecc-filter.btcecc-chart-type > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.btcecc-filter.btcecc-chart-type {
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:is(.bt-dark .btcecc-filter.btcecc-chart-type) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
@media (min-width: 640px) {
    .btcecc-filter.btcecc-chart-type {
        display: inline-flex;
        width: auto;
        align-items: center;
    }
}
.btcecc-filter.btcecc-chart-period {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:is(.bt-dark .btcecc-filter.btcecc-chart-period) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}
@media (min-width: 640px) {
    .btcecc-filter.btcecc-chart-period {
        display: inline-flex;
        align-items: center;
    }
    .btcecc-filter.btcecc-chart-period > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
}
@media (min-width: 768px) {
    .btcecc-filter.btcecc-chart-period {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
.btcecc-filter.btcecc-chart-type .btcecc-filter-button {
    display: inline-flex;
    width: 50%;
    align-items: center;
    white-space: nowrap;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}
.btcecc-filter.btcecc-chart-type .btcecc-filter-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.btcecc-filter.btcecc-chart-type .btcecc-filter-button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
}
:is(.bt-dark .btcecc-filter.btcecc-chart-type .btcecc-filter-button) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
@media (min-width: 640px) {
    .btcecc-filter.btcecc-chart-type .btcecc-filter-button {
        width: auto;
    }
}
.btcecc-filter.btcecc-chart-period .btcecc-filter-button {
    display: inline-flex;
    align-items: center;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}
.btcecc-filter.btcecc-chart-period .btcecc-filter-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}
.btcecc-filter.btcecc-chart-period .btcecc-filter-button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
}
:is(.bt-dark .btcecc-filter.btcecc-chart-period .btcecc-filter-button) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.btcecc-filter.btcecc-chart-period .btcecc-filter-button.active,
.btcecc-filter.btcecc-chart-type .btcecc-filter-button.active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 146 5 / var(--tw-bg-opacity));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.cryptoboxes .btcecc-control {
    position: relative;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 8px 10px;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    transition: border .25s;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
}
.cryptoboxes input.btcecc-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.4);
}
.cryptoboxes .btcecc-input-group {
    display: flex;
    position: relative;
}
.cryptoboxes .btcecc-input-addon {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
    opacity: 0.6;
    transform: translateY(-50%);
    transition: all .25s ease-in-out;
}
.cryptoboxes .btcecc-input-group-right .btcecc-input-addon {
    left: auto;
    right: 15px;
}
.cryptoboxes .btcecc-input-group input.btcecc-control {
    flex: 1;
    width: 100%;
    padding-left: 30px;
}
.btcecc-dropdown-active .btcecc-input-addon {
    margin-top: -2px;
    transform: translateY(-50%) scale(-1);
}
.cryptoboxes .btcecc-button {
    width: 100%;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none;
    box-sizing: border-box;
    text-align: center;
}
.cryptoboxes .btcecc-button i {
    font-style: normal;
    opacity: 0.6;
    margin: 0 5px;
}
.cryptoboxes .btcecc-button:focus {
    outline: none;
}
.cryptoboxes .btcecc-button:active {
    border: 1px solid rgba(0,0,0,0.4);
}
.cryptoboxes .btcecc-button.dark {
    color: #fff;
    background: #495057;
}
.cryptoboxes .btcecc-dropdown-select .btcecc-button {
    text-align: left;
}
.cryptoboxes .btcecc-dropdown-active .btcecc-button {
    --tw-border-opacity: 1;
    border-color: rgb(255 146 5 / var(--tw-border-opacity));
    /*border: 1px solid rgba(0,0,0,0.4);*/
}
.btcecc-calculator .btcecc-dropdown {
    position: absolute;
    z-index: 10;
    display: inline-block;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    /*position: absolute;*/
    /*display: inline-block;*/
    /*z-index: 1;*/
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}
.btcecc-calculator .btcecc-button {
    cursor: pointer;
    white-space: nowrap;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 168 56 / var(--tw-bg-opacity));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    padding: 15px 45px 15px 15px;
}
.btcecc-calculator .btcecc-input-addon {
    color: #fff;
}
.btcecc-calculator input.btcecc-control {
    padding: 20px;
    width: 100%;
    height: auto !important;
    font-size: 1.1em;
    text-align: right;
}
.btcecc-calculator .btcecc-form-swap {
    cursor: pointer;
    font-size: 1.2em;
}
/* .cryptoboxes .btcecc-tf {
    @apply bt-mb-4 lg:bt-mb-8;
} */
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__ctn--coins {
    margin-top: 0.5rem;
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__headline {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__headline {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__list {
    margin-top: 0.5rem;
    display: grid;
    gap: 1rem;
}
@media (min-width: 1024px) {
    .cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__list {
        margin-top: 1rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card {
    display: block;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:is(.bt-dark .cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card) {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--inner {
    display: flex;
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--inner > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--img {
    aspect-ratio: 1 / 1;
    height: 3rem;
    width: 3rem;
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--ctn {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--ctn > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.cryptoboxes .btcecc-tf .btcecc-tf__ctn .btcecc-tf__card .btcecc-tf__card--text {
    display: flex;
    justify-content: space-between;
}
/*@import "tailwindcss/utilities";*/