.frontpage .header-wrapper { height:0px!important; display:none;}
.frontpage .site-wrapper .content-wrapper {   padding:0px!important; background:var(--bg-white); }
.frontpage.night .site-wrapper .content-wrapper {   padding:0px!important; background:var(--bg-color); }

.frontpage .content-wrapper > .container { min-width:100%!important; padding:0px;  }


#tickerApp {
  display: block;
  max-width:960px;
  margin:0 auto;
 font-size:1.3rem;
 font-family: 'Montserrat', sans-serif;
}

.ticker-item.bad { color:#ccc; position:relative;}
.ticker-item.bad:after { background:rgba(255,255,255,0.6); content:""; width:100%; height:100%; position:absolute;}

#tickerApp .hasNoCoins   {  min-width:100%!important;  }
.blank-block { b ackground:var(--bg-blank); width:100%; height:21px; border-radius:10px; display:inline-block;}
.blank-name { max-width:200px; }
.blank-cap { max-width:120px;}
.blank-price { max-width:100px;}
.blank-vol { max-width:120px;}

@media only screen and (max-width: 360px) {
  .hasNoCoins .ticker-item-rank { display:none;}
}

/**
* Misc
*/
.favCol button { background:none; border:0px; }
.clickable { cursor:pointer; }
.nowrap {  white-space: nowrap; }

.gain,
.text-gain { color:#04c984; }
.loss { color:#ef1f1f;}
.text-grey { color: grey!important; }
.text-active { color: coral!important; }

.coinInteger { font-size:1.8rem;  }
.coinDecimal { font-size:1.1rem; padding-left:1px; padding-right:3px;   }

/*loader*/
.crloader svg path,
.crloader svg rect{
  fill: #FF6384;
}
@media only screen and (max-width: 500px) {
.crloader svg path,
.crloader svg {
  fill: #FF6384;
   width:100%;  height:15px;
}
}

/*##### styling #####*/
.ticker-item .same { color: slategray; stroke: slategray; }
.night .ticker-item .same { color:#7b7997; stroke: #7b7997; }

.ticker-item .gain { color: forestgreen; stroke: forestgreen; }
.night .ticker-item .gain { color: #3ac13a; stroke: #3ac13a; }

.ticker-item .loss { color: firebrick; stroke: firebrick; }
.night .ticker-item .loss { color: #e02a2a; stroke:#e02a2a; }
/*bars*/
.ticker-item-volume-change {  background:#eee;  }
.night .ticker-item .ticker-item-volume-change {  background:var(--bg-color-lightest)!important; }
.night .ticker-item .vue-simple-progress { background:var(--bg-color-lightest)!important;}
.night .ticker-item .vue-simple-progress-bar { background:#3ac13a!important;}
.night .ticker-item .loss .vue-simple-progress-bar { background:#e02a2a!important;}


/*badges*/
.badgeicon { font-style: normal; font-family: 'Font Awesome 5 Free'; }
.badgeicon:after {   color:#ccc!important;   display:inline-block; content: "\f0aa";  }


/***************
TICKER DASHBOARD
***************/
#tickerDash {
display:flex;
align-items:center;
justify-content:space-between;
justify-items: center;
height:368px;
background:var(--bg-color);
padding-top:30px;
padding-bottom:70px;
margin-bottom:-35px;
margin-left:-600px; padding-left:605px;
margin-right:-600px; padding-right:605px;
}


.dash-container {   }
.dash-container.gainers {
width:22em;
align-self:center;
height:auto;
color:#d4e0f7;
font-weight:400;
border:1px var(--bg-color-lightest) solid;
padding:1.7em 2em;
background:var(--bg-color);
box-shadow:0px 0px 30px rgba(0,0,0,0.3);
border-radius:45px;
}
.dash-container.cap {  flex:1;  padding:0px 15px; }
.dash-container.volume { width:22em;  }

.cdc-legend { font-size:1.1rem; font-weight:300; color:#d4e0f7; }


/* GAINERS */
.dash-container.gainers h3  { font-size:1.2rem; font-weight:500; color:var(--bg-color-lightest); text-align:center; margin-top:-8px; padding-bottom:8px; }
.dash-item { margin-bottom:15px;  white-space:nowrap; }
.dash-item-details { display:flex; justify-content:space-between; }
.dash-item-name {  }
.dash-item-value {    }

.dash-container.gainers .vue-simple-progress { background:none!important;   }
.dash-bar { margin-bottom:2px; }
.dash-container.gainers .cdc-legend { margin-top:10px;  float:left; white-space:nowrap;}
.dash-container.gainers .cdc-legend-item { white-space:nowrap;  margin:0px; }
.dash-container.gainers .cdc-legend-item.vol { margin-left:10px;}

/* CAP  */
.cdc  { box-shadow:0px 0px 30px rgba(0,0,0,0.3);   }
.dash-container.cap .cdc-container {   color:#fff;  max-width:220px; margin:0 auto;  }
.dash-container.cap .cdc-container .loss {  color:#e94671; }
.dash-container.cap .cdc-legend { width:34em; margin-top:20px; }

.dash-center-container { padding:5px; }
.dash-cap-highlight { border-bottom:1px dashed #4d6da8; padding-bottom:7px; }
.dcap-label { font-size:1.1rem; display:block; font-weight:300; color:#a1b7e0; }
.dcap { font-weight:700; font-size:1.9rem; }
.dcapchange {  font-weight:300; font-size:1.2rem;  }

.dash-vol-highlight { text-align:center; color:#fff; padding-top:7px;    height:37px; }
.dvol-label { font-size:1.1rem; display:block; font-weight:300; color:#a1b7e0; line-height:1.4rem;}
.dvol { font-size:1.4rem;  }
.dvolchange { font-size:1.1rem;  }

.cdc-overlay { background:var(--bg-color-light)!important;  }


/*empty*/
.dash-container.gainers {   min-height:225px;}
.noItems { margin-top:8px!important;}
.noItems .dash-item { display:flex;  flex-direction:column!important; margin-bottom:10px;  }
.noItems .dash-item-details { display:flex; flex-direction:row!important; margin-bottom:4px;}
.noItems .dash-name {  background:var(--bg-color-lighter); width:100%; height:13px; border-radius:10px; display:block;}
.noItems .dash-empty-bar {  background:var(--bg-color-lighter); height:4px; width:100%; display:block; border-radius:5px; margin-bottom:2px; }

.cap-block { background:var(--bg-color-lighter); width:100%; height:15px; border-radius:10px; display:block; }
.noCapItems { max-width:220px; margin:0 auto;}
.noCapItems .cdc-legend-item span {  background:var(--bg-color-lighter); color:var(--bg-color-lighter); border-radius:15px;}

/** 900 **/
@media only screen and (max-width: 900px) {
  #tickerDash { padding-top:10px!important;  }
  .dash-container.gainers { width:20em;   }
}
/** 800 **/
@media only screen and (max-width: 800px) {
#tickerDash { height:420px; pa dding-top:0px!important; padding-b ottom:100px; padd ing-bottom:0px!important; ba ckground:yellow; }
  #tickerTools { margin-top:-100px;}
.dash-container.gainers { width:15em; padding:1.3em 1em; font-size:1.2rem!important; border-radius:25px;   }

.dash-container.cap {  flex:1; min-width:16em; }
.dash-container.volume { width:15em;}
.cdc-legend { font-size:1.1rem!important;  }

.dash-center-container * {font-size:1.4rem!important; }
.dash-item * { font-size:1rem!important;}


}
@media only screen and (max-width: 640px) {
#tickerDash { height:auto; padding-bottom:90px; padding-top:30px; }
.dash-container.gainers { width:15em; padding:1.3em 1em; font-size:1.2rem!important; border-radius:25px; box-shadow:none;  }

.dash-container.cap .cdc-legend { max-width:200px; margin-top:20px;}
.dcap { font-size:1.4rem;}
.dvol { font-size:1.2rem; }
  .dash-center-container * {font-size:1.2rem!important; }
.dash-item * {  }

}
@media only screen and (max-width: 500px) {
.frontpage .header-wrapper { }
  #tickerDash { height:340px; }



.topStripeContainer span { font-size:1.1rem;}

.tools-container {    }
.tools-tabs {   }
.tools-currency {  }

.dash-container {     }
.dash-container.gainers  { width:10em;   mar gin-top:-35px; padding:10px 5px; border-radius:15px;  min-height:147px; }
.dash-container.cap {  flex:1; min-width:13em; }
.dash-container.volume { width:10em;}

.dash-list h3 { font-size:1rem!important; margin:0px!important;}


.dash-details { flex-direction:column; }
.dash-item-name { font-size:1rem;}
.dash-item-value { font-size:1rem;}
.dash-container.gainers .cdc-legend-item.vol { margin:4px;}

.dash-cap-highlight { padding-bottom:3px;  }
.dc ap {  font-size:1.8rem;   }
.dca pchange {  font-size:1.2rem;  }
.dcap { font-size:1.2rem;}
.dcapchange { font-size:1rem;}
.dvol { font-size:1.1rem; }
.dvolchange { font-size:1rem; }
.dash-vol-highlight { display:flex; flex-direction:column-reverse; margin-top:3px;  font-size:1.1rem; height:30px; }

.dash-container.cap .cdc-container {   color:#fff;  max-width:160px; margin:0 auto;  }
.dash-container.cap .cdc-legend { width:17em;  }
.dash-container.cap .cdc-legend-item { margin:3px;}
.cdc-legend { font-size:0.9rem!important;  }

 .noItems .dash-item { display:flex;  flex-direction:column!important; margin-bottom:8px;  }

}

@media only screen and (max-width: 430px) {
    #tickerDash {  height:272; }

.dcap { font-size:1.1rem; }
.dash-list h3 { font-size:0.8rem!important;   }

.dash-container.gainers  { width:9em;     padding:10px 8px;   }
.dash-container.cap {  flex:0.9;  }
.dash-center-container * {font-size:1rem!important; }

.dash-vol-highlight { display:flex; flex-direction:column-reverse;}
.dvol-label { d isplay:none;}

}

@media only screen and (max-width: 382px) {

#tickerDash {  padding-top:0px; padding-bot tom:50px; height:310px; }

.dcap { font-size:1.1rem; }

.dash-container.gainers  { width:7em;     padding:5px 4px; border-radius:5px; margin-top:0px;    }
.dash-container.cap {  flex:0.9; min-width:10.5em; padding:5px;   }
.cdc-legend {  margin-top:5px!important;  }
.dash-center-container * {font-size:0.9rem!important; }
.cdc-legend { font-size:0.8rem!important;  }

.dash-item * { font-size:0.8rem!important;}

.dash-vol-highlight { display:flex; flex-direction:column-reverse;}
.dvol-label { d isplay:none;}

}









/*************
TICKER TABLE HEADER
*************/
#tickerHeader { text-align: center; background:none; }
#tickerHeader span { font-size:1.1rem; color:#aaa; font-weight:400;  }
/* applied after scroll height reached */
#tickerHeader.fixed-nav {
background:var(--bg-blank-light);
position: fixed!important;
max-width:960px; width:100%;
top:0px;
box-shadow:0px 0px 10px rgba(0,0,0,0.2);
z-index: 999999;
}
@media only screen and (max-width: 800px) {
#tickerHeader.fixed-nav { left:0px; }
}

/**************
TICKER LIST
*************/
.ticker-list {
display: block;
position:relative;
padding-top:10px;
color:var(--text-primary);
min-height:400px;
background:var(--bg-white);
min-wid th:1300px; wi dth:100%; ba ckground:#ccc;
overflow:auto;
}
.night .ticker-list { background:var(--bg-color);}
.ticker-list .fixed-nav  { pad ding-top:58px; }
.ticker-item { margin: 0 0 3px 0; padding: 0.7em 0px; padding-right: 15px; display:flex; flex-direction:row; flex-wrap: nowrap; align-items:center; justify-content: space-between;    }
.night .ticker-item:nth-child(odd) { background:#1f1c3d; border-radius:5px; }
.ticker-loader { min-height: 100px;  display:flex; flex-direction:row; flex-wrap: nowrap; align-items:center; justify-content: center;  }
.ticker-style-flex {   flex: 1; backg round:gold;    }
.ticker-style-fixed { width: 110px; }


/*ticker item style*/
.thRank,
.ticker-item-rank {   width:35px; min-width:4rem;  backgr ound:blue; }
.ticker-item-rank { position:relative;   text-align:center; padding-right:5px;  }
.ticker-item-rank .dropdownContainer { position:Absolute; left:15px; top:13px; display:none; backgr ound:#111;}
.ticker-item:hover .ticker-item-rank .dropdownContainer { display:block;}

.thIcon { visibility:hidden;}
.thIcon,
.ticker-item-icon {   width:25px; min-width:2em; back ground:#111; }
.ticker-item-icon img {  min-width:1.6em; border-radius:50%!important;}

.thName,
.ticker-item-name {  width:10em; min-width:170px; backgr ound:red;}

.thCap,
.ticker-item-cap { min-width:10em;  backgr ound:brown;}

.thPrice,
.ticker-item-price { min-width:10em; text-align:center; back ground:green; }

.thLive,
.ticker-item-live {  width: 13em; min-width:8em; padding-right:2em; backgr ound:orange; }

.thVolume,
.ticker-container-volume { width:12em; min-width:90px; padding-left:5px;  back ground:whitesmoke; }
.ticker-item-volume-change { max-width:85px;  }

.thSupply,
.ticker-item-supply { min-width:5em;}

.thChange,
.ticker-item-change { width: 5em; min-width:50px; max-width:60px; backg round:gold; }

.thChart,
.ticker-item-chart {  width: 120px; min-width:5em;   }

.thFav,
.ticker-item-fav { width:30px; min-width:3rem; }


/*ticker item specific*/
.ticker-item-rank {
color:#999;
font-size:1.2rem;
font-weight:300;
}
.ticker-item-name   {   line-height:17px;  font-weight:600;   }
.night .ticker-item-name   {  font-weight:500;   }
.ticker-item-name a { color:var(--link)!important; }
.ticker-item-badge { margin-right:2px;  }
.ticker-item-symbol   {  font-size:11px; font-weight:300;  color:#999;   }

#priceInner  {
letter-spacing:0.3px;
position:relative;
}
.ticker-item-price #priceInner {
font-weight:500;
color:#fff;
border-radius:15px;
padding:3px 20px 3px 12px;
}

.ticker-item-price #priceInner.gain { background:#c92e55;}
.night .ticker-item-price #priceInner.gain { background:#a8143b;}
.ticker-item-price #priceInner.loss { background:#f7809e;}
.ticker-item-price #priceInner.same {
background:#E94671;
    -webkit-transition: background-color 2s ease-in;
    -ms-transition: background-color 2s ease-in;
    transition: background-color 2s ease-in;
}
.night .ticker-item-price #priceInner.same { background:#bf254e; }


#priceInner:after { font-size:15px; position:absolute; right:7px;  font-family: 'Font Awesome 5 Free'; }
#priceInner.gain:after { top:1px; content: "\f0d8"; color:#fff;  font-family: 'Font Awesome 5 Free';  font-weight: 900; font-size:1.3rem;}
#priceInner.loss:after { top:2px; content: "\f0d7"; color:#fff;  font-family: 'Font Awesome 5 Free';  font-weight: 900; font-size:1.3rem; }



/* CAP */
.ticker-item-cap { font-weight:500;}
.night .ticker-item-cap { font-weight:400;}

#tickerApp .coinLive {   position:relative;  }
#tickerApp .coinLive svg { margin-bottom:-5px; margin-top:-5px; }
#tickerApp .coin1hr { position:absolute; top:-5px; left:-10px; padding:5px; height:35px; line-height:2.6rem; background:var(--bg-blank-light); font-size:0.9rem;   border-radius:25px; }
.ticker-item-live svg { background:var(--bg-blank-light); border-radius:25px; padding:2px 0px;}


.ticker-item-volume { font-weight:500; }
.night .ticker-item-volume { font-weight:400; }

.ticker-item-volume-change span { font-size:1.1rem; }
.ticker-item-volume-change-figure { color:#aaa; }
.ticker-item-volume-change{  margin-top:3px; display:block; position:Relative; }
.ticker-item-volume-change .gain {  margin-left:50%;  }

.ticker-item-volume-change:after {
content: "";
width:1px; height:7px; display:block;
position:absolute; top:-3px; left:50%;
}

.ticker-item-volume-change .loss {
margin-right:50%;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.vue-simple-progress-text { display:none!important;  }


.ticker-item-csupply { font-size:1.2rem; font-weight:400;}
.ticker-item-maxsupply { color:#999; font-size:1.1rem; font-weight:400; }
.ticker-item-change { font-size:1.2rem; font-weight:600;  }



/**
* RATES
*/
.thPercent,
.ticker-item-percent{
width: 4em; min-width:40px; font-size:1.1rem; margin-right:5px;
}

.thChart,
.ticker-item-chart { width:7em;   height:26px; }


/**
* SOCIAL TAB
*/

.thSocialChange { margin-left:10px; pdding:2px 5px;}
.thSocial,
.ticker-item-social  {
width:7em;
min-width:75px;
}
.ticker-item-social span { font-size:1.15rem;   }

.ticker-item-socialchange { display:block; clear:both;   line-height:7.5px!important;  }
.ticker-item-socialchange span { font-size:1rem; }





@media only screen and (max-width: 1040px) {
.ticker-list { padding-left:10px; padding-right:10px;}

.thName,
.ticker-item-name {   min-width:100px; }
}

@media only screen and (max-width: 800px) {

#tickerApp { padding:0px 0px;  }
.ticker-list {padding-left:10px; padding-right:10px; }
.ticker-item  { backg round:#eee; padding: 0.5em 0px; padding-left:0px!important; padding-right:0px; }


.thRank,
.ticker-item-rank {    width:25px; min-width:1em;   backgro und:#eee;   }

.ticker-item-rank {  padding-left:4px;  text-align:right; font-size:1rem;   }
.ticker-item-rank .dropdownContainer { position:Absolute; left:15px;  }

.thIcon,
.ticker-item-icon { min-width:1.2em;  backgro und:blue;}

.thName,
.ticker-item-name { wid th:16em; m in-width:100px;  backg round:#eee;   }

.thCap,
.ticker-item-cap {  display:none;}

.thPrice,
.ticker-item-price { min-width:7em; font-size:1.2rem; backg round:red;}
#priceInner { padding:0.3em 1.3em 0.3em 0.7em!important;}
#priceInner:after { font-size:1.2rem;}
#priceInner.gain:after { top:5px; right:5px;  }
#priceInner.loss:after { top:1px;  right:5px; }

.thVolume,
.ticker-container-volume {   width:6em; min-width:55px; padding-left:2px; font-size:1.1rem; ba ckground:#eee;   }

.thChange,
.ticker-item-change { text-align:right!important; min-width:60px; font-size:0.9rem!important; font-weight:400; ba ckground:yellow;  }
.coinInteger { font-size:1.7rem!important; font-weight:600;  }
.coinDecimal { font-size:0.9rem!important; padding-left:1px; padding-right:1px;   }


.thFav,
.ticker-item-fav { margin-right:5px; }

.ticker-item-cap {  }
.ticker-item-price > span { padding:3px 5px; }

}


@media only screen and (max-width: 390px) {
.ticker-list { padding-left:0px!important; padding-right:0px!important;}

.thRank {  min-width:0px;}
.ticker-item-rank {      width:15px; min-width:0.8em;     }

.ticker-item-rank {  paddi ng-left:10px;   }
.ticker-item-rank .dropdownContainer { left:10px;  }

.thName,
.ticker-item-name { font-size:1.1rem;  wid th:7em; min-width:80px; }
.ticker-item-badge { width:12px; height:12px;  }

.ticker-item-symbol span { font-size:1rem; }

.thPrice,
.ticker-item-price { font-size:1rem; backg round:#111; min-width:6.5em;}
#priceInner { padding:0.4em 1.3em 0.4em 0.7em!important;}
#priceInner:after { font-size:1rem;}

.thVolume,
.ticker-container-volume {  wi dth:5em; min-width:45px; font-size:0.9rem;      }
.thSocialChange  { margin:0px; }

.thChange,
.ticker-item-change { width: 7em; min-width:45px; m ax-width:70px;  back ground:gold; }


.ticker-item-change span { font-size:0.7rem;}
.ticker-item-change span.coinInteger{  font-size:1.4rem!important;   }
.ticker-item-change span.coinDecimal{  font-size:0.7rem!important;   }
}







/**
* LISTS


#top-list {  margin-top:30px;   }
#top-list h3 { font-size:1.4rem!important; color:#ccc;   }

#top-list .ticker-list { background:#fff; box-shadow:0px 0px 25px rgba(0,0,0,0.03); padding:10px;  }
#top-list .ticker-item-flex span {   white-space: nowrap; }
#top-list .ticker-item-fixed { width:80px; }
#top-list .ticker-item {
padding:2px 3px 2px 3px;
font-size:1.2rem!important;
margin:0px;
color:#748fc1;
font-size:1.3rem;
}
#top-list .ticker-item:nth-child(even)  {
background:none!important;
}
*/

/**
* Pagination

#tickerApp .pagination {
display: block;
position: relative;
text-align: center;
}
#tickerApp .pagination > button {
display: inline-block;
margin: 0 .2em;
padding: .5em;
line-height: 1em;
background-color: rgba( 255,255,255, 0.5 );
border-radius: 5px;
cursor: pointer;
}
#tickerApp .pagination > button:hover,
#tickerApp .pagination > button.active {
background-color: rgba( 0,0,0, 0.1 );
}
*/

/**
* SHOW MORE
*/
.showMoreContainer { width:100%;
margin-top:20px;
}
.showMoreButton {
width:100%;
border:0px;
  border-radius:10px;
padding:15px 0px;
color:var(--text-light);
background:var(--bg-blank-light);
}






/*************************************
FRONTPAGE TABS
*************************************/

/**
* Top header
*/
#tickerTools {
backgrou nd:red;
pa dding:5px 0px 0px 0px;
width:100%;
}
.tools-container {
display:flex; backgr ound:#111;
flex-direction:row;
flex-wrap:nowrap;
min-width:100%!important;
hei ght:38px;
pa dding:0px 20px;
justify-content:space-between!important;
align-items:flex-start;
}

#tickerTools .tools-tabs { backg round:yellow; width:33%; flex-shrink: 2;  }
#tickerTools .tools-filter.ticker-style-flex { backg round:Red; max-width:350px; display:flex; justify-content: center; flex:1; }
#tickerTools .tools-right-container { display:flex; width:33%; backgr ound:gold; justify-content: flex-end; flex-shrink:1;  he ight:30px; }


#tickerTools .tools-currency { back ground:green;}
#tickerTools .tools-fav { backgro und:blue; }


.crTabs { backgro und:yellow;
height:35px!important;
display:flex;
flex-direction:row;
flex-wrap:nowrap!important;
align-items:flex-end!important;
font-size:15px;
padding:0px 10px;
white-space: nowrap;
list-style:none;
font-size:1.2rem;
border:0px!important;
disp lay:inline-block;
position:relative;
}
.crTabs a {
text-decoration:none;
color: #a7bde8!important;
text-transform:capitalize;
padding:10px 3em 1px 1em;
height:35px;
wi dth:8em;
min-w idth:60px!important;
display:inline-block;
position:relative;
border-radius:25px!important;
top:-1px;
z-index:1;
transition-duration:0.6s;
mar gin-top:3px;
back ground:var(--bg-color-darker);
border-radius:0px!important;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 15px!important;
border-top-right-radius: 40px!important;
  transition-duration: 700ms;
}
.night .crTabs a  { border-radius:20px!important; padding:9px 15px 10px 16px!important; margin-right:10px;   transition-duration: 700ms; }
.crTabs a.active{
color:#E94671!important;
background:none;
hei ght:35px;
}
.crTabs a i {
margin-right:5px;
}
.crTabs .selector {
height:100%;
display:inline-block;
position:absolute;
top:0px;
z-index:1;
/*transition-duration:0.6s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
background:#fff;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 15px;
border-top-right-radius: 40px;
}
.night .crTabs .selector { border-radius:20px; text-align:center!important; padding:0px!important; background:var(--bg-color-lighter); background:none; }


.crTab.active { background:#fff;}
.night .crTab.active { background:var(--bg-color-light)!important; }

/*filter*/


/* coin filter */
#tickerTools .tools-filter { marg in-left:2em;   }
#tickerTools .tools-filter input {
display: block;
background:var(--bg-color-darker);
height:35px;
width:300px;
font-weight:500;
color:#7f9fdb;
font-size:1.4rem;
border:0px!important;
padding: .5em 1em;
text-align:center;
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px!important;
border-top-right-radius: 40px!important; transition-duration: 700ms;
}
.night #tickerTools .tools-filter input { border-radius:20px!important; transition-duration: 700ms; }
#tickerTools .tools-filter input:focus {
  background:var(--bg-color-darkest);
   border:1px var(--bg-color-lighter) solid!important;
  color:var(--text-light);
}

#tickerTools .tools-filter.ticker-style-full {  max-width:300px; margin:0 auto; margin-top:20px; margin-bottom:10px;  }
#tickerTools .tools-filter.ticker-style-full input {
min-width:100%;

margin:0 auto;
text-align:center;
padding:8px 20px;
  font-size:1.2rem;
  color:#ccc;
height:auto;
background:var(--bg-color-darker);
  border:1px var(--bg-color-light) solid!important;
border-radius:20px!important;
margin-top:5px;
}
#tickerTools .tools-filter.ticker-style-full input:focus {
background:var(--bg-color-darkest);
   border:1px var(--bg-color-lighter) solid!important;
  color:var(--text-light);
}
.tools-filter.ticker-style-full input {
background:#f1f1f1;
color:#888;
width:100%;
margin:0px;
margin-top:10px;
text-align:center;
border-radius:25px!important;
}
/*close icon*/
.tools-filter { position:relative;}
.coin-close-icon {
  position:absolute; z-index:99999;
  right:15px; top:50%;
  background: transparent;
  display:flex; align-items:center; justify-content: center; width:60px; border:0px;
  cursor: pointer;
}
.coin-close-icon.mobile { right:0px;}
.coin-close-icon i { font-size:2rem; color:var(--bg-color-lightest); position:absolute;  }



/* currency select*/
.tools-currency .crSelect {
height:35px;
width:90px;
cursor: pointer;
padding:3px 0px 0px 10px;
border:0px;
text-align:center;
background:var(--bg-color-darker);
color:#7f9fdb!important;
font-size:1.2rem!important;
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 40px;
border-top-right-radius: 15px;
}
.tools-currency .crSelect {
  border-radius:20px;
}

@media only screen and (max-width: 800px) {
  #tickerTools { m argin-top:-100px;}
.tools-container {  padding:0px 20px;   }
.tools-filter.ticker-style-flex { display:none!important;}
.tools-tabs {  flex:1;}
.crTabs a { wi dth:8em; }

.tools-currency {  margin-right:2em;}
.tools-currency {   width:80px;     }
}
@media only screen and (max-width: 500px) {
.tools-container {  padding:0px 5px;  }
.crTabs a { width:6em; }
.tools-currency { margin:0px;}
.tools-currency .crSelect { width:6em;}
}
@media only screen and (max-width: 380px) {
.tools-container {  padding:0px 0px; font-size:1rem!important;  }
.crTabs a { width:6em; font-size:1rem!important;  }
.tools-currency { margin:0px; }
.tools-currency .crSelect { width:6em; font-size:1rem!important; }
}

.tools-fav {   height:35px;}
#cb3 { display:none!important;}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
background: none;
}
.tgl + .tgl-btn {
outline: 0;
display: block;
width: 4em;

height: 35px;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 40px;
border-top-right-radius: 15px;
}
.night .tgl + .tgl-btn {
  border-radius:20px!important;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.tgl + .tgl-btn:after {
left: 0;
}
.tgl + .tgl-btn:before {
display: none;
}
.tgl:checked + .tgl-btn:after {
left: 50%;
}
.tgl-skewed + .tgl-btn {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .2s ease;
background:var(--bg-color-darker);
color:#7f9fdb;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {

display: inline-block;
transition: all .2s ease;
width: 100%;
text-align: center;
position: absolute;
line-height: 32px;
font-weight: bold;
color: #fff;
}
.tgl-skewed + .tgl-btn:after {
left: 100%;
content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
left: 0;
content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
background: #86d993;
}
.tgl-skewed:checked + .tgl-btn:before {
left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
left: 10%;
}




  .dash-block,
  .blank-block {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background:var(--bg-blank-light);
    ba ckground: linear-gradient(to right, #c1dceb 4%, #a3cbe1 25%, #c1dceb 36%);
    background-size: 1200px 100%;
}
.dask-block { background:var(--bg-color-lighter); }


@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer {
    0% {
        background-position: -1200px 0;
    }
    100% {
        background-position: 1200px 0;
    }
}