* {
  margin: 0; 
  padding: 0;
  box-sizing: border-box;
}

body {
  min-height:100vh;
  --border-grey: #e2eaf3; 
  --border-lightgrey: #c9d8e8;
  --num-red: #ff6680;           
  --num-green: #25daa7;           
  --bg: #fff;             
  --bg-dark: #f0f4fa;           
  --bg-light-gray: #f7fafc;
  --bg-blue: #3ca6db;
  --bg-light-blue: #25c7db;
  --text-grey: #95a0ac;         
  --text-grey-dark: #777777;
  --text-turquoise: #0eabd7;    
  --text-turquoise-opacity: rgba(14,171,215,.4);
  --text-red: #ff6680;          
  --text-green: #25daa7;
  --text-btn: #fff;
  --bg-green: #00c48c;          
  --bg-red: #ff647c;
  --bg-grey: #7f8b99;
  --bg-grey-hover: #9db3cd;
  --green-gradient-on: #96e6c5;
  --green-gradient-in: #7ab6bb;
  --text-grey-clear: #52657a;
  --text-grey-input: #52657a;
  --red-gradient-on: #e8a79c;
  --red-gradient-in: #e27687;
  --lightgrey: #e9eff6;
  --darkgrey: #dfe7f1;
  --radio-shadow: transparent;
  --bg-tiker: #fff;
  --form-text: #a9b7b7;          
  --form_title: #5e6d7f;         
  --form_input: #f0f4fa;        
  --form_btn: #718083;           
  --form_btn_hover: #636967;     
  --form-link: #25c7db;          
  --form-text-btn: #fff;         
  --form-input-error: #cb3d3d; 
  --form-bg-error: #fdf5f5;
  --color-selected: #000000;
  --mainframe: #0e1923;
  --bg-hover: rgba(255,255,255,0.1);
  --blue1: #20dfc6;
  --blue2: #20b9df;
  --darkgrey: #c9d8e8;
  --lightgrey: #e9eff6;
  --bg-light: #f8fafc;
  
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;
  line-height: 1.0;
  font-size: 12px;
  color: var(--text-grey);
  text-align: left;
  background-color: #0A254D;
  background-image: url(/static/images/hero-bg.png);
  background-attachment: fixed;

  /* background-image: url(/static/images/main_bg.svg);
  background-size: 1000px auto; */
  background-repeat: no-repeat;
  background-position: 50% 0;
}

body.black-theme {
  --border-grey: #445569; 
  --bg: #152332;  
  --bg-light-gray: #293e56;
  --bg-dark: #1f3247;
  --lightgrey: #1f3247;
  --border-lightgrey: #445569;
  --darkgrey: #152332;
  --radio-shadow: rgba(0,0,0,.3);
  --text-grey-clear: rgba(219,229,240,.7);
  --text-grey-input: #fff;
  --bg-tiker: transparent;
  --text-grey-dark: #E6F1FF;
  --text-grey: rgba(219,229,240,.7); 
  --color-selected: rgba(219,229,240,.7);
  --num-red: #ff6680;           
  --num-green: #25daa7;         
  --bg-blue: #3ca6db;
  --bg-light-blue: #25c7db;
  --green-gradient-on: #96e6c5;
  --green-gradient-in: #7ab6bb;
  --red-gradient-on: #e8a79c;
  --red-gradient-in: #e27687;
  --text-red: #ff6680;          
  --text-green: #25daa7;
  --text-turquoise-opacity: rgba(14,171,215,.4);
  --text-turquoise: #0eabd7;    
  --bg-green: #00c48c;          
  --bg-red: #ff647c;
  --bg-grey: #7f8b99;
  --bg-grey-hover: #9db3cd;
  --form-text: #a9b7b7;          
  --form_title: #5e6d7f;         
  --form_input: #f0f4fa;        
  --form_btn: #718083;           
  --form_btn_hover: #636967;     
  --form-link: #25c7db;          
  --form-text-btn: #fff;         
  --form-input-error: #cb3d3d; 
  --form-bg-error: #fdf5f5;
  --bg-hover: rgba(255,255,255,0.1);
  --blue1: #20dfc6;
  --blue2: #20b9df;
  --grey: #c9d8e8;
  --bg-light: #f8fafc;
  --orange: #ffac4d;


  --pastel-green: #079981;
  --pastel-lavanda: #ab7fff;
  --paslel-darkblue: #27263D;
  --paslel-lightgrey: #6E6C78;
  --paslel-darkgrey: #3B3A3D;

}

h1 {
  color: #ffffff;
  text-align: center;
}

/* настройки checkbox */
input.custom-checkbox {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

label.checkbox:before {
  content: " ";
  display: inline-block;
  font: 14px/18px Arial;
  margin-right: 15px;
  position: relative;
  text-align: center;
  text-indent: 0px;
  width: 21px;
  height: 19px;
  border-image: initial;
  vertical-align: middle;
  color: #fff;
  background: var(--bg);
  border: 1px solid var(--border-grey);
}

input.custom-checkbox:checked + label.checkbox:before {
  content: "\2714";
  background: var(--bg-blue);
  border: none;
  width: 23px;
  max-width: 23px;
  height: 21px;
  line-height: 21px;
}

input.custom-textbox {
  padding: 4px;
  border: 1px solid var(--border-grey);
  width: 80px;
  max-width: 80px;
  height: 23px;
  text-align: center;
  background-color: var(--bg);
  color: var(--text-grey-input);
  margin-right: 15px;
  font-size:0.75rem;
}

input::-webkit-input-placeholder { opacity: .50; }
input::-moz-placeholder { opacity: .50; }

/* настройки checkbox */


.button {
  width: 100px;
  height: 40px;
  background: var(--bg-grey);
  color: var(--text-btn);
  border: 1px solid hsla(0,0%,100%,.2);
  font-family: DIN Pro,sans-serif;
  text-align: center;
  margin-top: 20px;
  padding: 10px;
}

.button:hover {
  background: var(--bg-grey-hover);
  cursor: pointer;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px dashed var(--border-grey);
}

/*стилизация скролла*/
::-webkit-scrollbar {
    width: 8px; 
    background-color: var(--bg);
    height:8px;
}

::-webkit-scrollbar-track {
  background-color: var(--bg);
}

::-webkit-scrollbar-thumb {
  width:3px;
  height:2px;
  background-color: var(--bg-grey);
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  border: 1px solid var(--bg);
}
/*стилизация скролла*/




/*панель индикаторов*/

.indicatorlist {
  display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 8px solid var(--mainframe);
}

.indicatorlist.first {
  border-top: none;
  padding-top: 0;
}

.indicatorlist .name-indicator {
  text-transform: uppercase;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    text-align: center;
    
}

.name-indicator .tf-list {
  padding:15px;
  color: var(--text-grey-input);
}


.settings-indikator {
  flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.settings-indikator .option-settings {
  padding: 10px;
}


.indicatorlist-wrap {
  padding: 15px;
  font-size: 0.87rem;
  font-weight: 300;
  color: var(--color-selected);
  display: flex;
  flex-direction: column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  width: 100%;
  border-top: 1px solid var(--border-grey);
}

.indicatorlist-header {
  text-align: center; 
  margin: 20px 0 50px 0;
  color: var(--color-selected);
  font-size: 1rem;
  font-weight:300;
}

.indicatorbottom {
  height: 40px;
  width: 100%;
  border-top: 1px solid var(--border-grey);
  text-align:center;
  padding: 13px;
}

.indicatorbottom button {
  width: 100%;
  height: 40px;
  color: var(--text-btn);
  text-align: center;
  padding: 10px;
  background: none;
}

.tabcontent.active {
  height:100%;
  overflow: auto;
}

.name-indicator .tf-list:hover {
  background-color: var(--bg);
}



/*панель индикаторов*/






























/*header (таймфрейм + инструменты)*/

.timeframe {
  background-color: var(--bg);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  margin-left: 5px;
  line-height: 0.87rem;
  text-align: center;
  font-size: 0.87rem;
  font-weight: 500;
  color: var(--text-grey-dark);
  border-bottom: 1px solid var(--border-grey);
  border-right:1px solid var(--border-grey);
}

.tf-datacoinblock {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

/*верхний*/
.tf-datacoinblock.first {
  margin-right: 80px;
}

.headerCoin {
  padding: 5px;
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  align-items: center;
}

.header-section {
  display:flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  font-size: 0.7rem;
}

.tf-item.pair {
  padding: 8px 20px 8px 10px;
  border: none;
  font-size:1rem;
}

.rate {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
}

.rateline {
  padding: 0 5px;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  cursor: pointer;
}

.ticker-change.bg-red {
  background-color: var(--bg-red);
  color: var(--text-grey-dark);
  font-size: 12px;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
}

.ticker-change.bg-green {
  background-color: var(--pastel-green);
  color: var(--text-grey-dark);
  font-size: 12px;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
}

.headerCoin .coin {
  background-color: #fff;
  border: 1px solid #fff;
  background-image: url(/static/images/coinicon.png);
  background-size: 16px;
  width:18px;
  min-width:18px;
  height:18px;
  cursor: pointer;
  border-radius: 5px;
  background-repeat: no-repeat;
  cursor: pointer;
  transform: scale(1.5);
  transform-origin: center;
}

.rateline p.count {
  text-align: center;
}

p.green {
  color: var(--num-green);
  font-size: 1rem;
  font-weight: 500;
}

p.red {
  color: var(--num-red);
  font-size: 1.3rem;
  font-weight: 500;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.ticker-change {
  min-width: 20%;
}

/*нижний блок*/
.tf-wrap {
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
}

.tf-datacoinblock.tf-choise.timeList {
  margin-right:0;
}

.tf-datacoinblock.tf-choise {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: 0;
}

.tf-datacoinblock.tf-choise .size-percent.active {
  border: 1px solid var(--text-turquoise);
  color: var(--text-grey-input);
}

.tf-datacoinblock.tf-choise .size-percent.active:hover {
  color: var(--text-grey-input);
}

.tf-datacoinblock.tf-choise .size-percent:hover {
  color: var(--text-turquoise);
}

.tf-datacoinblock.tf-choise .size-percent {
  border-right: 1px solid var(--border-grey);
  border-top: 1px solid var(--bg);
  border-left: 1px solid var(--bg);
  border-bottom: 1px solid var(--bg);
  padding: 10px 20px;
  text-align: center;
  font-size: 0.8rem;
  cursor: pointer;
  background-color: var(--bg);
  color: var(--text-grey); 
}

.draw-button.trandline {
  background: url(/static/images/trandline.svg) center no-repeat;
}

.draw-button.trandline:hover {
  background: url(/static/images/trandline-blue.svg) center no-repeat;
}

.draw-button.parallelchanel {
  background: url(/static/images/parallelchanel.svg) center no-repeat;
}

.draw-button.parallelchanel:hover {
  background: url(/static/images/parallelchanel-blue.svg) center no-repeat;
}

.draw-button.meter {
  background: url(/static/images/meter.svg) center no-repeat;
}

.draw-button.meter:hover {
  background: url(/static/images/meter-blue.svg) center no-repeat;
}

.size-percent.draw-button {
  height: 35px;
  width:50px;
}

/*header (таймфрейм + инструменты)*/




/*управление ордерами*/

.orderopen-header {
  text-align:center;
  font-size:1.1rem;
  color: var(--text-grey-input);
}

.orderopen-side {
  color: var(--text-grey-input);
  width: 25%;
  font-size: 0.8rem;
  font-weight: 300;
  padding: 5px;
  font-family: DIN Pro,sans-serif;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}

.orderopen-side.long {
  background: var(--pastel-green);
}

.orderopen-side.short {
  background: var(--bg-red);
}

.orderopen-pnl {
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top:10px;
  align-items: center;
  font-size:0.9rem;
}

.orderopen-pnl.plus span {
  color: var(--num-green);
}

.orderopen-pnl.minus span {
  color: var(--bg-red);
}

.orderopen-manager {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding:15px;
  margin-bottom:30px;
  border-top: 8px solid var(--mainframe);
}

.orderopen-manager.first {
  margin-top:15px;
  border-top: none;
} 

.orderopen-param {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top:20px;
}

.orderopen-close {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top:20px;
}

.closepriceblock {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width:100%;
  margin-top:10px;
}

.button.closeprice {
  width:50%;
  height: 30px;
  padding: 10px;
  border: none;
  background-color:  var(--pastel-green);
  color: var(--text-btn);
  font-family: DIN Pro,sans-serif;
  text-align: center;
  margin-top: 0;
}

.button.closeprice:hover {
  
  cursor: pointer;
}

.closepriceblock.market .button.closeprice {
  background-color:  var(--text-turquoise);
}

.orderopen-close .closepriceblock input {
  height: 30px;
  padding: 10px;
  width:50%;
  text-align: center;
  background-color: var(--bg);
  border: 1px solid var(--border-grey);
  color: var(--text-grey-input);
}

.closepriceblock.market input {
  background-color: var(--bg-dark);
}

.op-str {
  padding: 6px 0;
  color: var(--text-grey-clear);
  display:flex;
  flex-direction:row;
  justify-content: space-between;
}

.op-str span {
  font-weight: 300;
}

.op-str p {
  margin-left: 0;
  font-size:0.8rem;
}

.op-str span.sum {
  margin-right: 5px;
}

/*управление ордерами*/

/*панель открытых ордеров*/
.ordertable {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-height:100%;
  font-size: 0.8rem;
  background-color: var(--mainframe);
}

.oom-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.ordertable.passive {
  display: none;
}

.ot-menu,
.ot-header,
.ot-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  min-height: 30px;
  border-bottom: 1px solid var(--radio-shadow);
}

.ot-menu {
  justify-content: flex-start;
}

.ot-list {
  overflow: auto;
}

.ot-menu .ot-cell {
  padding: 5px;
}

.ot-header .ot-cell,
.ot-list .ot-cell {
  padding: 5px;
  width: 100px;
  text-align: left;
}

.createorders {
  height: 100px;
  overflow: auto;
}

.ot-menu .ot-cell:hover {
  cursor: pointer;
  color: var(--text-green);
}

.ot-cell.buy {
  color: var(--text-green);
}
.ot-cell.sell {
  color: var(--text-red);
}
.ot-cell.cancel:after {
  content: "\D7";
}
.ot-cell.cancel:hover {
  cursor: pointer;
  color: var(--text-green);
}

.ot-menu .ot-cell.active {
  color: var(--text-green);
  font-weight: 500;
}

.ot-header.history .ot-cell.active {
  color: var(--text-grey-input);
  font-weight: 500;
  background-color: var(--lightgrey);
}

.ot-header.history .ot-cell:hover {
  color: var(--text-grey-input);
  font-weight: 500;
  cursor: pointer;
}
/*панель открытых ордеров*/

/*блок информации*/
.informpanel {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  flex: 1;
  background-color: var(--bg);
  border-top: 1px solid var(--border-grey);
}

.informpanel .inform-header {
  text-align: center; 
  margin: 20px 0;
}

.inform-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* margin-top:30px;
  margin-bottom:30px;
  min-height:150px; */
}

.inform-wrap .if-param {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 12px;
  color: var(--text-grey-clear);
  width:100%;
  min-height:100px;
}

.inform-wrap .if-param input {
  width: 270px;
  font-size: 0.8rem;
  font-weight: 300;
  padding: 10px;
  font-family: DIN Pro,sans-serif;
  color: var(--text-grey-input);
  text-align: center;
  cursor: pointer;
  background-color: var(--bg-dark);
  border-radius:none;
}

.inform-wrap .if-param input:hover {
  cursor:text;
}

input::-webkit-input-placeholder { opacity: .50; }
input::-moz-placeholder { opacity: .50; }

.inform-wrap .if-param label {
  cursor: pointer;
  font-size: 1rem;
  color:var(--text-grey-dark);
}

.if-param .error-order.active {
  height: 16px;
  width: 16px;
  background: url(/static/images/error-order.svg) no-repeat;
  margin-right: 8px;
}

.if-param .delete-icon.active {
  height: 16px;
  width: 16px;
  background: url(/static/images/delete-icon.svg) no-repeat;
  margin-right: 8px;
}

.if-param .error-order.active:hover {
  cursor: pointer;
}

.if-param .delete-icon.active:hover {
  cursor: pointer;
}

.if-input {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.inform-btn {
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width:100%;
}

.inform-btn button {
  color: var(--text-grey);
  background: var(--bg);
  border: 1px solid var(--text-turquoise);
  padding:8px;
  height:33px;
}

.inform-btn button.first {
  background: var(--text-turquoise);
  color: var(--text-btn);
}

.inform-btn button:hover {
  color: var(--text-btn);
  background: var(--bg);
}

/*блок информации*/


















.limit-stop .oom-wrap .orderopen-side {
  background-color: var(--form-text);
  color: var(--paslel-darkgrey);
}

.limit-stop .orderopen-header {
  text-align:left;
}

.limit-stop .orderopen-header p {
  margin-bottom:5px;
}

.limit-stop  .oom-wrap {
  align-items: flex-start;
}

.limit-stop .orderopen-header p.buy {
  font-size:0.8rem;
  color: var(--num-green) ;
}

.limit-stop .orderopen-header p.sell {
  font-size:0.8rem;
  color: var(--bg-red);
}












































.ip-set {
  width: 200px;
  border-right:1px solid var(--border-grey);
  border-left:1px solid var(--border-grey);
}

.oco-calcData {
  margin-top: 30px;
  margin-bottom: 30px;
}


.orderbook.mainCoin {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  background-color: var(--bg-light-gray);
  border-radius: 0 0 0 6px;
  border-bottom: 1px solid var(--border-grey);
  border-left: 1px solid var(--border-grey);
  padding: 9px 0;
  color: var(--text-grey-input);
}

.mc-dataCoin,
.mc-dataChange {
  padding:20px;
}

.mc-dataCoin {
  font-size:1.5rem;
  text-align:center;
}

.mc-dataCoin .dt-text {
  font-size: 0.8rem;
}

.mc-dataCoin .dt-price {
  font-size: 1rem;
}


.mc-dataCoin div {
  margin-bottom: 10px;
}

.mc-dataChange .ticker-change.bg-green {
  font-size: 25px;
  padding: 15px;
  font-weight:700;
  text-align: center;
  border-radius: 0;
  background-color: var(--bg-light-gray);
  color: var(--pastel-green);
}

.mc-dataChange .ticker-change.bg-red {
  font-size: 25px;
  padding: 15px;
  font-weight:700;
  text-align: center;
  border-radius: 0;
  background-color: var(--bg-light-gray);
  color: var(--bg-red);
}

.mt-createOrder {
  font-size: 0.7rem;
}








.oc-avbl {
  padding: 3px 0;
  color: var(--text-grey-clear);
 display:flex;
 flex-direction:row;
 justify-content: space-between;


}

.oc-avbl span {
  font-weight: 300;
}

.oc-avbl p {
  margin-left: 0;
  font-size:0.8rem;
  padding: 3px 0;
}

.oc-avbl span.sum {
  margin-right: 5px;
}




































.block {
  width: 500px;
  padding: 15px 20px 25px;
  border-radius:10px;
  box-shadow: 0 3px 20px var(--radio-shadow);
  background-color: var(--bg-light-gray);
  color: var(--color-selected);
  font-weight: 500;
  font-size: 16px;
}




/*боковая панель первая закладка создание ордера*/


/*блок купить-продать*/

.order-creating {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.order-creating .oc-order {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 26px;
  margin-top: 12px;
  color: var(--text-grey-clear);
  width:100%;
}

.order-creating .oc-order input {
  padding: 7px;
  /*border-radius: 6px;
  border: 1px solid var(--border-grey);*/
  width: 143px;
  max-width: 143px;
  text-align: right;
  background-color: var(--bg-dark);
  color: var(--text-grey-input);
}

input::-webkit-input-placeholder { opacity: .50; }
input::-moz-placeholder { opacity: .50; }

.order-creating .oc-order label {
  cursor: pointer;
}

label.borrow {
  margin: 0 auto;
}

.order-creating .custom-size {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.custom-size .size-percent {
  border: 1px solid var(--border-grey);
  padding: 5px 2px;
  text-align: center;
  font-size: 0.6rem;
  cursor: pointer;
  background-color: var(--bg-dark);
  width: 100%;
}

.custom-size .size-percent.active {
  background-color: var(--text-turquoise);
  color: var(--text-grey-input);
}

.custom-size .size-percent.active:hover {
  background-color: var(--text-turquoise);
  color: var(--text-grey-input);
}

.custom-size .size-percent:hover {
  color: var(--text-turquoise);
  border: 1px solid var(--text-turquoise);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.button.oc-order{
  width: 100%;
  height: 40px;
  background: var(--pastel-green);
  color: var(--text-btn);
  border: 1px solid var(--pastel-green);
  border-radius: 3px;
  font-family: DIN Pro,sans-serif;
  text-align: center;
  justify-content: center;
  margin-top: 20px;
  font-size:16px;
}

.button.oc-order:hover {
   cursor: pointer;

}

.start-trade {
  background-color: var(--lightgrey);
  border: 1px solid var(--border-lightgrey);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--text-green);
}

.start-trade a {
  padding: 10px 5px;
  border-radius: 4px;
  font-family: DIN Pro,sans-serif;
  background-color: var(--bg-blue);
  margin-top: 15px;
  color: var(--text-btn);
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.start-trade a:hover {
  color: var(--text-btn);
  background-color: var(--bg-light-blue);
}

.start-trade .arrow-icon {
  height: 16px;
  width: 16px;
  background: url(/static/images/arrow.svg) no-repeat;
  margin-left: 8px;
}

.oc-order .error-order.active {
  height: 16px;
  width: 16px;
  background: url(/static/images/error-order.svg) no-repeat;
  margin-right: 8px;
}

.oc-order .delete-icon.active {
  height: 16px;
  width: 16px;
  background: url(/static/images/delete-icon.svg) no-repeat;
  margin-right: 8px;
}

.oc-order .error-order.active:hover {
  cursor: pointer;
}

.oc-order .delete-icon.active:hover {
  cursor: pointer;
}

.field-input {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.orderbook.market {
  border-radius: 0 0 0 6px;
  padding: 0 0 15px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  /* flex: 1; */
  background-color: var(--bg);
}

.orderform.buysell {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top:20px;
   margin-bottom:30px;
}

.buysell .label-buy,
.buysell .label-sell {
  width: 50%;
  font-size: 1rem;
  font-weight: 300;
  padding: 14px 5px;
  font-family: DIN Pro,sans-serif;
  color: var(--text-grey);
  text-align: center;
  cursor: pointer;
  
  border: 1px solid var(--border-grey);
}

.buysell .label-buy {
  
  border-right:none;

}

.buysell .label-sell {
  
  border-left:none;
}




.buysell .label-buy:hover,
.buysell .label-sell:hover {
  color: var(--text-btn);
}

.buysell .label-buy.active {
  background: var(--pastel-green);
  color: var(--text-btn);
 
}

.buysell .label-sell.active {
  background: var(--bg-red);
  color: var(--text-btn);
  
}




/*блок создания ордера*/
.orderform.trade {
  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 15px;
}

.trade .order-name {
  margin-top: 5px;
  height: 31px;
  line-height: 26px;
  text-align: center;
}

.orderform.tradetype {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px;
  
  width:100%;
}

.ocm-firstblock {
  margin-bottom:20px;
}

.tradetype .label-type {
  width: 50%;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 8px;
  font-family: DIN Pro,sans-serif;
  color: var(--text-grey);
  border-top: 1px solid var(--text-turquoise);
   border-right: 1px solid var(--text-turquoise);
    border-bottom: 1px solid var(--text-turquoise);
  text-align: center;
  cursor: pointer;
}

.tradetype .label-type.first {
border-left: 1px solid var(--text-turquoise);
  }

.tradetype .label-type:hover {
  color: var(--text-btn);
}

.tradetype .label-type.active {
  color: var(--text-btn);
  background: var(--text-turquoise);
}






/*таймфрейм*/




.tf-item:hover {
  cursor: pointer;
  color: var(--text-turquoise);
}



.timeframe .timelist {
  background-color: var(--bg);
  width: 123px;
  text-align: left;
  display:none;
  align-items: start;
  border: 1px solid var(--border-grey);
  border-top: none;
  position: absolute;
  left: 325px;
  top: 67px;
  z-index: 999;
  font-weight: 300;
  padding: 0;
  font-size:0.8rem;
}



.timelist .tf-main {
  padding: 0;
  border-bottom: 1px solid var(--text-turquoise-opacity);
  width: 100%;
}

.timelist .tf-main .tf-list {
  padding: 10px 15px;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.tf-list.name {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  opacity: .50;
}

.tf-list.name .ticker-fav-choise {
  background: url(/static/images/tf-chois.svg); 
  width: 16px;
  height: 8px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .50;
}

.tf-list.name .ticker-fav-choise.transform {
  transform: rotate(180deg);
}

.tf-list:hover {
  background-color: var(--bg-dark);
  cursor: pointer;
}

.tf-list.name:hover {
  opacity: 1;
}



/*боковая панель вторая закладка*/

.coinbookpanel {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  border-top: 1px solid var(--border-grey);
  border-top-left-radius: 4px;
  height: 92%;
}

.coinbook.stickers {
  background-color: var(--bg);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; 
}

.coinbook.tickerlist {
  flex: 1;
  overflow: auto;
}

/*панель выбора пары*/

.coinbook .line-stickers {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; 
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
  padding: 5px 0 5px 3px;
  height: 45px;
  width:100%;
}

.coinsticker {
  /*border-radius: 5px;*/
  text-align: center;
  cursor: pointer;
  background-color: var(--bg-light-gray);
  margin: 0 5px 0 0px;
  padding: 10px;
  min-width: 45px;
  height: 34px;
}

.coinsticker:hover {
  color: var(--text-turquoise);
  background-color: var(--lightgrey);
}


.coinsticker.ticker-fav {
  background-image: url(/static/images/ticker-fav.svg);    
  background-repeat: no-repeat;
  background-position: center;
}

[data-sort-selected-tab=fav] .zvezda { 
  background-image: url(/static/images/is_favorite.svg);
  background-repeat: no-repeat;
}



/*панель поиска токена*/

.coinbook .line-search {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; 
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
  font-size: 0.75rem;
  padding: 3px;
  background: var(--bg);
}

.coinbook .search-input input {
  height: 20px;
  width: 75px;
  padding: 0 3px 0 5px;
  background: var(--bg) url(/static/images/search.svg) right 4px top 33% no-repeat;
  border-radius: 4px;
  border: 1px solid var(--border-grey);
  font-size: 0.7rem;
  color: var(--color-selected);
}

.coinbook .search-input input:hover {
  background: var(--bg-light-gray);
}

.coinbook .search-input input:focus {
  background: var(--bg); 
  border: 1px solid var(--border-grey);
  color: var(--text-grey-input);
}

.search-pair,
.search-price,
.search-change {
  padding: 0 3px;
}

.coinbook.tickerlist {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; 
}

.coinbook .line-ticker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; 
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  background: var(--bg-light-gray);
  height: 40px;
  cursor: pointer;
  padding: 10px;
  font-family: DIN Pro,sans-serif;
  line-height: 1.1;
}

.coinbook .line-ticker:hover {
  background: var(--bg-dark);              
}


li.line-ticker:nth-child(odd) {
  background: var(--bg);

}

li.line-ticker:nth-child(even) {
  background: var(--bg-dark);
}

.ticker-search img {                             
  width: 16px;
  height: 16px;
  margin: 0 8px 2px 0;
}

.ticker-pair {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ticker-pair .name-coin,
.ticker-price.price-coin {
  margin-left: 5px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-grey-dark);
}

.ticker-pair .pair-coin,
.ticker-price .volume-coin {
  font-size: 0.5rem;
  color: var(--text-grey);
}

.ticker-pair img {
  width: 18px;
  height: 18px;
}

.ticker-price {
  font-size: 0.8rem;
}

.ticker-price .volume-coin {
  font-size: 66%;
}





.ticker-pair {
  min-width: 30%;
}

.ticker-price {
  min-width: 30%;
}



.coinbook .add_favorites {
  background-image: url(/static/images/ticker-fav.svg);   
  background-repeat: no-repeat;
  background-position: center;
  width: 34px;
  height: 34px;
  cursor: pointer;
}

.coinbook [data-favorite="1"] .add_favorites {
  background-image: url(/static/images/is_favorite.svg);
}

.ticker-pair .coin {
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #fff;
  background-image: url(/static/images/coinicon.png);
  background-size: 16px;
  width:18px;
  min-width:18px;
  height:18px;
}

/*звездочка в шапке + тикер BTC*/
.headerCoin .ticker-fav {
  background: url(/static/images/ticker-fav-big.svg);   
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.headerCoin .ticker-fav.is-favorite {
  background: url(/static/images/is_favorite-big.svg);   
  background-repeat: no-repeat;
}



.is_favorite {
  display:none;
}



/*боковая панель*/

.aside {
  width: 350px;
  /*padding-left: 3px;*/
  padding-top: 3px;
  font-size: 0.87rem;
  background-color: var(--bg);
  /*box-shadow: 0 1px 0 var(--border-grey);*/
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 100%;
}

/*боковая панель первая закладка*/
.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height:48px;
}

.orderbookpanel {
  border-top: 1px solid var(--border-grey);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  flex: 1;  
  overflow: auto;
  height: 100%;
}

.orderbook.ask {
  background-color: var(--bg-light-gray);
  border-radius: 0 0 0 6px;
  border-bottom: 1px solid var(--border-grey);
  border-left: 1px solid var(--border-grey);
  padding: 9px 0 15px 0;
  display: flex;
  flex-direction: column-reverse;
  min-height:20%;
  overflow: auto;
}

.orderbook.bid {
  background-color: var(--bg-light-gray);
  border-radius: 6px 0 0 0;
  border-left: 1px solid var(--border-grey);
  border-bottom: 1px solid var(--border-grey);
  padding: 9px 0;
  display: flex;
  flex-direction: column-reverse;
  min-height:20%;
  overflow: auto;
}

.tab {
  color: var(--text-grey);
  padding: 4px 10px;
  cursor: pointer;
  text-align:center;
  width: 33%;
  height:100%;
}

.tab.active{
  color: var(--text-turquoise);
  background: var(--bg-light-gray);
  border: 1px solid var(--border-grey);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  margin-left: 2px;
}

.tab.t-neworder:hover,
.tab.t-quotes:hover,
.tab.t-notice:hover,
.tab.t-submenu:hover,
.tab.t-ordermanage:hover,
.tab.t-settings:hover {
  background: var(--lightgrey);
  border-radius: 8px 8px 0 0;
  color: var(--text-turquoise);
}

.line-orders {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 2px 20px;
  font-size: 0.7rem;
  min-height: 20px;
  cursor: pointer;
  font-family: DIN Pro, sans-serif;
}

.line-orders:hover {
  background: var(--bg);
}

.orderbook.ask .line-orders .line-price {
  color: var(--text-red);
  opacity: .85;
}

.orderbook.ask .line-orders .line-amount {
  font-weight: 700;
}

.orderbook.bid .line-orders .line-price {
  color: var(--num-green);
  opacity: .85;
}

.orderbook.bid .line-orders .line-amount {
  font-weight: 700;
}





/*каркас + шапка*/
.wrap {
  display:flex;
  flex-direction: row;  
  height:100vh;
}

.basis {
  display:flex;
  flex-direction: column; 
  flex-wrap: nowrap;
  flex-grow: 1;
  background-color: var(--bg);
  min-height: 100%;
}

.basisList {
  display:flex;
  flex-direction: column; 
  flex-wrap: nowrap;
  flex-grow: 1;
  background-color: var(--bg-dark);
}

.header {
  border-bottom: 1px solid var(--border-grey); 
  border-right: 1px solid var(--border-grey);
  background-color: var(--mainframe);
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 0.87rem;
  padding: 0 10px;
  min-height: 51px;
}



.content {
  border-right: 1px solid var(--border-grey); 
  background-color: var(--bg);
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.bottom {
  display:none;
  border-top: 1px solid var(--border-grey); 
  border-bottom: 1px solid var(--border-grey); 
  border-right: 1px solid var(--border-grey);
  background-color: var(--bg);
  min-height: 150px;
}





.rateline p.name {
  width: 90px;
  padding-right:10px;
  margin-right:10px;
  text-align: right;
  border-right: 1px solid var(--border-grey);
}









/*формы авторизации*/
.form-container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  background-color: var(--bg-light);
}

input {
  outline: none;
  border: none;
}

/*стилизация текста в input placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    var(--form-text);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:   var(--form-text);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    var(--form-text);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    var(--form-text);
}

input:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


a {
  text-decoration: none;
  color: var(--form-link);
}

a:hover {
  color: var(--form-text);
}

button {
  border: none;
  cursor: pointer;
}

.form-box {
  width: 400px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  color: var(--form-text);
  flex:1;
  margin-bottom:20px;
  
}

.form-box.reset {
  width: 400px;
  height: 350px;
}

.form-box .form {
  width: 100%;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  flex: 1;
}

.form_data {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  height: 100px;
  margin-top:20px;
}

.form_title {
  color: var(--form_title);
  font-size: 2rem;
  font-weight: 500; 
  margin: 40px auto;
}

.block-item_title {
  margin: 20px auto;
}

.form-reset-password {
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: center;
  margin: 20px auto;
}

.form-agreement {
  font-size: 0.8rem;
  line-height: 1.2;
}

.form_input.error {
  border: 1px solid var(--form-input-error);
}

.form-agreement.error {
  color: var(--text-red);
  background-color: var(--form-bg-error);
  font-weight: 500;
  display: none;
  flex-direction: row;
  flex-wrap:nowrap;
  justify-content: center;
  align-items: center;
}

.form-agreement.error.visible {
  display: flex;
}

.form-agreement.error img{
  padding: 7px;
}

.form-agreement.error p{
  padding: 5px;
}

.form_input {
  background-color: var(--form_input);
  width: 100%;
  height:50px;
  padding: 10px;
  border-radius: 3px;
  font-size: 0.8rem;
}

.form_btn {
  background-color: var(--form_btn);
  color: var(--form-text-btn);
  width: 100%;
  height:50px;
  padding: 10px 50px;
  border-radius: 3px;
  font-size: 1.2rem;

  margin:40px auto;
}

button.form_btn:hover {
  background-color: var(--form_btn_hover);
}

/*страница входа - шапка*/
.form-box-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  box-shadow:0 2px 3px rgb(0 0 0 / 5%);
   
}
.tf-datacoinblock .form-box-logo {
  background-image: url(/static/images/logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  min-width: 41px;
  height: 36px;
  background-size: 24px;
  border-right: 1px solid #445569;
  margin-right: 20px;
}
.header .form-box-logo,
.form-box-header .form-box-logo,
.form-box-footer  .form-box-logo {
  background-image: url(/static/images/logo.png);
  background-repeat: no-repeat;
  background-position: center;
  min-width: 50px;
  height: 60px;
  background-size: 30px;
}

.form-box-header .form-box-logo {
  height: 100%;
}

.form-box-header ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding:10px;
}

.form-box-header ul li {
  min-width: 150px;
  padding: 20px 10px;
  font-size: 18px;
  text-align: center;
  list-style-type: none;
}

.form-box-header ul li a {
  color: #ffffff;
}

.form-box-header ul li a:hover {
  color: var(--form-link);
}

.form-box-header ul li.button {
  background: -webkit-linear-gradient(left,var(--blue1),var(--blue2));
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 6px;
  font-family: DIN Pro,sans-serif;
  text-align: center;
  padding: 10px;
  margin-top: 0;
}

.form-box-header ul li.button:hover {
  background: var(--blue2);
  cursor: pointer;
}

.form-box-header ul li.button a {
  color: var(--form-text-btn);
}

/*страница входа - футер*/

.form-box-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.form-box-footer ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding:10px;
}

.form-box-footer ul li {
  min-width: 150px;
  padding: 20px 10px;
  font-size: 14px;
  text-align: center;
  list-style-type: none;
}

.form-box-footer ul li a {
  color: var(--bg);
}

.form-box-footer ul li a:hover {
  color: var(--form-link);
}

.form-box-footer ul li.button {
  background: -webkit-linear-gradient(left,var(--blue1),var(--blue2));
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 6px;
  font-family: DIN Pro,sans-serif;
  text-align: center;
  padding: 10px;
  margin-top: 0;
}

.form-box-footer ul li.button:hover {
  background: var(--bg-grey-hover);
  cursor: pointer;
}

.form-box-footer ul li.button a {
  color: var(--form-text-btn);
}

.fb-footer { 
  padding:10px;
  background: rgba(0,0,0,0.7);
  width:100%; 
  bottom: 0;
}

.form-box-copyright {
  padding:10px;
  text-align: center;
}

#error_api_message, #error_password {
  text-align: center;
  color: #ffffff;
}

/*форма авторизации*/
@media screen and (max-width: 820px) {

  .wrap {
    flex-direction: column;
  }

  .aside {
    width:100%;
  }

  .header {
    justify-content: center;

  }

  .coinbook .line-search {
  justify-content: space-around;
  }

  .tabs {
    justify-content: space-around;
  }

  .ticker-change {
    min-width: 15%;
  }

  .coinbook .line-ticker {
    justify-content: space-around;
  }

  .basis,
  .aside {
    height:50vh;    /*высота блоков - по половине экрана*/
  }

}

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

  .tf-datacoinblock.first {
    margin-right: 0;
  }

  .timeframe {
    flex-direction:column;
    align-items: center;
    padding: 0 7px;
  }

  .tf-datacoinblock.tf-choise.timeList,
  .tf-datacoinblock.tf-choise {
    margin-top: 7px;
    margin-bottom: 7px;
  }





}


#default-tpl {
    width:900px; font-size: 14px;
    color: #ffffff;
    line-height: 1.7; 
    margin: auto; 
    margin: 30px auto;
    min-height: 600px;
}







/*Андрей*/

.prototype {
  display: none!important;
}

#trade-panel.tab {
  display: none;
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: flex;
}

#main_frame {
  background-color: var(--mainframe);
}

#chart-info {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 20;
  font-size: 17px;
}

.line-search [data-by] {
  cursor: pointer;
}

.line-search [data-by].selected {
  color: var(--color-selected);
}

.line-search [data-by].selected[data-desc="up"] .up {
  visibility: visible;
}

.line-search [data-by].selected[data-desc="up"] .down {
  visibility: hidden
}

.line-search [data-by].selected[data-desc="down"] .up {
  visibility: hidden;
}

.line-search [data-by].selected[data-desc="down"] .down {
  visibility: visible;
}

.point {
  opacity: 0.2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color:#000000;
  border: 1px solid #0097ff;
  position: absolute;
}
.point:hover {
  opacity: 1;
}

.point_settings {
  display: none;
  position: absolute;
  width: 200px;
  padding: 2px;
  margin: 0;
  border: 1px solid #bbb;
  background: #eee;
  background: -webkit-linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  z-index: 100;
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0,0,0,.2);
  opacity: 1;
  -webkit-transform: translate(0, 15px) scale(.95);
  transform: translate(0, 15px) scale(.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
   
}
.point_settings .menu-btn {
  
  background: none;
  line-height: normal;
  overflow: visible;
  display: block;
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 3px;
}

.point_settings .menu-btn.selected {
  background-color: #eeb30f;
  background: #eeb30f;
}

.point_settings .menu-btn:hover {
  color: #fff;
  outline: none;
  background-color: #2E3940;
  background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940);
  background: linear-gradient(to bottom, #5D6D79, #2E3940);
  border: 1px solid #2E3940;
}

.option-name {
  width: 100px;
  display: inline-block;
}
.setting-input {
  width: 100px;
  display: inline-block;
}

.last_price {
  width: 80px;
  font-size: 13px;
}

#resetpassword_result {
    text-align: center;
    font-size: 30px;
    color: #555555;
}

.select_futures {
  display: none;
  background-color: var(--pastel-green);
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 5px;
  width:20px;
  border-radius: 3px;
}
.futures .select_futures {
  display: inline-block;
}

 

.i-1000BTTC{background-position:0 0}.i-1000LUNC{background-position:0 -16px}.i-1000SHIB{background-position:0 -32px}.i-1000XEC{background-position:0 -48px}.i-1INCHDOWN{background-position:0 -64px}.i-1INCHUP{background-position:0 -80px}.i-1INCH{background-position:0 -96px}.i-AAVEDOWN{background-position:0 -112px}.i-AAVEUP{background-position:0 -128px}.i-AAVE{background-position:0 -144px}.i-ACA{background-position:0 -160px}.i-ACH{background-position:0 -176px}.i-ACM{background-position:0 -192px}.i-ADADOWN{background-position:0 -208px}.i-ADAUP{background-position:0 -224px}.i-ADA{background-position:0 -240px}.i-ADD{background-position:0 -256px}.i-ADXOLD{background-position:0 -272px}.i-ADX{background-position:0 -288px}.i-AED{background-position:0 -304px}.i-AERGO{background-position:0 -320px}.i-AE{background-position:0 -336px}.i-AFN{background-position:0 -352px}.i-AGIX{background-position:0 -368px}.i-AGLD{background-position:0 -384px}.i-AGI{background-position:0 -400px}.i-AION{background-position:0 -416px}.i-AKRO{background-position:0 -432px}.i-ALCX{background-position:0 -448px}.i-ALGO{background-position:0 -464px}.i-ALICE{background-position:0 -480px}.i-ALPACA{background-position:0 -496px}.i-ALPHA{background-position:0 -512px}.i-ALPINE{background-position:0 -528px}.i-AMB{background-position:0 -544px}.i-AMP{background-position:0 -560px}.i-ANC{background-position:0 -576px}.i-ANKR{background-position:0 -592px}.i-ANTOLD{background-position:0 -608px}.i-ANT{background-position:0 -624px}.i-ANY{background-position:0 -640px}.i-APE{background-position:0 -656px}.i-API3{background-position:0 -672px}.i-APPC{background-position:0 -688px}.i-APT{background-position:0 -704px}.i-ARDR{background-position:0 -720px}.i-ARK{background-position:0 -736px}.i-ARN{background-position:0 -752px}.i-ARPA{background-position:0 -768px}.i-ARS{background-position:0 -784px}.i-AR{background-position:0 -800px}.i-ASR{background-position:0 -816px}.i-ASTR{background-position:0 -832px}.i-AST{background-position:0 -848px}.i-ATA{background-position:0 -864px}.i-ATD{background-position:0 -880px}.i-ATM{background-position:0 -896px}.i-ATOM{background-position:0 -912px}.i-AUCTION{background-position:0 -928px}.i-AUDIO{background-position:0 -944px}.i-AUD{background-position:0 -960px}.i-AUTO{background-position:0 -976px}.i-AVAX{background-position:0 -992px}.i-AVA{background-position:0 -1008px}.i-AXSOLD{background-position:0 -1024px}.i-AXS{background-position:0 -1040px}.i-BADGER{background-position:0 -1056px}.i-BAKE{background-position:0 -1072px}.i-BAL{background-position:0 -1088px}.i-BAND{background-position:0 -1104px}.i-BAR{background-position:0 -1120px}.i-BAT{background-position:0 -1136px}.i-BCD{background-position:0 -1152px}.i-BCHABC{background-position:0 -1168px}.i-BCHA{background-position:0 -1184px}.i-BCHDOWN{background-position:0 -1200px}.i-BCHSV{background-position:0 -1216px}.i-BCHUP{background-position:0 -1232px}.i-BCH{background-position:0 -1248px}.i-BCPT{background-position:0 -1264px}.i-BCX{background-position:0 -1280px}.i-BEAM{background-position:0 -1296px}.i-BEAR{background-position:0 -1312px}.i-BEL{background-position:0 -1328px}.i-BETA{background-position:0 -1344px}.i-BETH{background-position:0 -1360px}.i-BGBP{background-position:0 -1376px}.i-BICO{background-position:0 -1392px}.i-BIDR{background-position:0 -1408px}.i-BIFI{background-position:0 -1424px}.i-BKRW{background-position:0 -1440px}.i-BLINK{background-position:0 -1456px}.i-BLZ{background-position:0 -1472px}.i-BNBBEAR{background-position:0 -1488px}.i-BNBBULL{background-position:0 -1504px}.i-BNBDOWN{background-position:0 -1520px}.i-BNBUP{background-position:0 -1536px}.i-BNB{background-position:0 -1552px}.i-BNT{background-position:0 -1568px}.i-BNX{background-position:0 -1584px}.i-BOLT{background-position:0 -1600px}.i-BOND{background-position:0 -1616px}.i-BOT{background-position:0 -1632px}.i-BQX{background-position:0 -1648px}.i-BRD{background-position:0 -1664px}.i-BRL{background-position:0 -1680px}.i-BSC{background-position:0 -1696px}.i-BSW{background-position:0 -1712px}.i-BTCB{background-position:0 -1728px}.i-BTCDOM{background-position:0 -1744px}.i-BTCDOWN{background-position:0 -1760px}.i-BTCST{background-position:0 -1776px}.i-BTCUP{background-position:0 -1792px}.i-BTC{background-position:0 -1808px}.i-BTE{background-position:0 -1824px}.i-BTG{background-position:0 -1840px}.i-BTM{background-position:0 -1856px}.i-BTS{background-position:0 -1872px}.i-BTTC{background-position:0 -1888px}.i-BTT{background-position:0 -1904px}.i-BULL{background-position:0 -1920px}.i-BURGER{background-position:0 -1936px}.i-BUSD{background-position:0 -1952px}.i-BVND{background-position:0 -1968px}.i-BZRX{background-position:0 -1984px}.i-C98{background-position:0 -2000px}.i-CAD{background-position:0 -2016px}.i-CAKE{background-position:0 -2032px}.i-CAN{background-position:0 -2048px}.i-CBK{background-position:0 -2064px}.i-CBM{background-position:0 -2080px}.i-CDT{background-position:0 -2096px}.i-CELO{background-position:0 -2112px}.i-CELR{background-position:0 -2128px}.i-CFX{background-position:0 -2144px}.i-CHAT{background-position:0 -2160px}.i-CHESS{background-position:0 -2176px}.i-CHF{background-position:0 -2192px}.i-CHR{background-position:0 -2208px}.i-CHZ{background-position:0 -2224px}.i-CITY{background-position:0 -2240px}.i-CKB{background-position:0 -2256px}.i-CLOAK{background-position:0 -2272px}.i-CLV{background-position:0 -2288px}.i-CMT{background-position:0 -2304px}.i-CND{background-position:0 -2320px}.i-COCOS{background-position:0 -2336px}.i-COMP{background-position:0 -2352px}.i-COS{background-position:0 -2368px}.i-COTI{background-position:0 -2384px}.i-COVEROLD{background-position:0 -2400px}.i-COVER{background-position:0 -2416px}.i-CREAM{background-position:0 -2432px}.i-CRV{background-position:0 -2448px}.i-CTK{background-position:0 -2464px}.i-CTR{background-position:0 -2480px}.i-CTSI{background-position:0 -2496px}.i-CTXC{background-position:0 -2512px}.i-CVC{background-position:0 -2528px}.i-CVP{background-position:0 -2544px}.i-CVX{background-position:0 -2560px}.i-CZK{background-position:0 -2576px}.i-DAI{background-position:0 -2592px}.i-DAO{background-position:0 -2608px}.i-DAR{background-position:0 -2624px}.i-DASH{background-position:0 -2640px}.i-DATA{background-position:0 -2656px}.i-DCR{background-position:0 -2672px}.i-DEFI{background-position:0 -2688px}.i-DEGO{background-position:0 -2704px}.i-DENT{background-position:0 -2720px}.i-DEXE{background-position:0 -2736px}.i-DF{background-position:0 -2752px}.i-DGB{background-position:0 -2768px}.i-DGD{background-position:0 -2784px}.i-DIA{background-position:0 -2800px}.i-DKK{background-position:0 -2816px}.i-DLT{background-position:0 -2832px}.i-DNT{background-position:0 -2848px}.i-DOCK{background-position:0 -2864px}.i-DODO{background-position:0 -2880px}.i-DOGE{background-position:0 -2896px}.i-DON{background-position:0 -2912px}.i-DOTDOWN{background-position:0 -2928px}.i-DOTECO{background-position:0 -2944px}.i-DOTUP{background-position:0 -2960px}.i-DOT{background-position:0 -2976px}.i-DREPOLD{background-position:0 -2992px}.i-DREP{background-position:0 -3008px}.i-DUSK{background-position:0 -3024px}.i-DYDX{background-position:0 -3040px}.i-EASY{background-position:0 -3056px}.i-EDO{background-position:0 -3072px}.i-EGLD{background-position:0 -3088px}.i-ELF{background-position:0 -3104px}.i-ENG{background-position:0 -3120px}.i-ENJ{background-position:0 -3136px}.i-ENS{background-position:0 -3152px}.i-ENTRP{background-position:0 -3168px}.i-EON{background-position:0 -3184px}.i-EOP{background-position:0 -3200px}.i-EOSBEAR{background-position:0 -3216px}.i-EOSBULL{background-position:0 -3232px}.i-EOSDOWN{background-position:0 -3248px}.i-EOSUP{background-position:0 -3264px}.i-EOS{background-position:0 -3280px}.i-EPS{background-position:0 -3296px}.i-EPX{background-position:0 -3312px}.i-ERD{background-position:0 -3328px}.i-ERN{background-position:0 -3344px}.i-ETC{background-position:0 -3360px}.i-ETF{background-position:0 -3376px}.i-ETHBEAR{background-position:0 -3392px}.i-ETHBNT{background-position:0 -3408px}.i-ETHBULL{background-position:0 -3424px}.i-ETHDOWN{background-position:0 -3440px}.i-ETHUP{background-position:0 -3456px}.i-ETH{background-position:0 -3472px}.i-EUR{background-position:0 -3488px}.i-EVX{background-position:0 -3504px}.i-EZ{background-position:0 -3520px}.i-FARM{background-position:0 -3536px}.i-FET{background-position:0 -3552px}.i-FIDA{background-position:0 -3568px}.i-FILDOWN{background-position:0 -3584px}.i-FILUP{background-position:0 -3600px}.i-FIL{background-position:0 -3616px}.i-FIN{background-position:0 -3632px}.i-FIO{background-position:0 -3648px}.i-FIRO{background-position:0 -3664px}.i-FIS{background-position:0 -3680px}.i-FLM{background-position:0 -3696px}.i-FLOW{background-position:0 -3712px}.i-FLUX{background-position:0 -3728px}.i-FOOTBALL{background-position:0 -3744px}.i-FORTH{background-position:0 -3760px}.i-FOR{background-position:0 -3776px}.i-FRONT{background-position:0 -3792px}.i-FTM{background-position:0 -3808px}.i-FTT{background-position:0 -3824px}.i-FUEL{background-position:0 -3840px}.i-FUN{background-position:0 -3856px}.i-FXS{background-position:0 -3872px}.i-GALA{background-position:0 -3888px}.i-GAL{background-position:0 -3904px}.i-GAS{background-position:0 -3920px}.i-GBP{background-position:0 -3936px}.i-GHST{background-position:0 -3952px}.i-GHS{background-position:0 -3968px}.i-GLMR{background-position:0 -3984px}.i-GLM{background-position:0 -4000px}.i-GMT{background-position:0 -4016px}.i-GMX{background-position:0 -4032px}.i-GNO{background-position:0 -4048px}.i-GNT{background-position:0 -4064px}.i-GO{background-position:0 -4080px}.i-GRS{background-position:0 -4096px}.i-GRTDOWN{background-position:0 -4112px}.i-GRTUP{background-position:0 -4128px}.i-GRT{background-position:0 -4144px}.i-GTC{background-position:0 -4160px}.i-GTO{background-position:0 -4176px}.i-GVT{background-position:0 -4192px}.i-GXS{background-position:0 -4208px}.i-GYEN{background-position:0 -4224px}.i-HARD{background-position:0 -4240px}.i-HBAR{background-position:0 -4256px}.i-HCC{background-position:0 -4272px}.i-HC{background-position:0 -4288px}.i-HEGIC{background-position:0 -4304px}.i-HIGH{background-position:0 -4320px}.i-HIVE{background-position:0 -4336px}.i-HKD{background-position:0 -4352px}.i-HNST{background-position:0 -4368px}.i-HNT{background-position:0 -4384px}.i-HOOK{background-position:0 -4400px}.i-HOT{background-position:0 -4416px}.i-HUF{background-position:0 -4432px}.i-ICN{background-position:0 -4448px}.i-ICP{background-position:0 -4464px}.i-ICX{background-position:0 -4480px}.i-IDEX{background-position:0 -4496px}.i-IDRT{background-position:0 -4512px}.i-IDR{background-position:0 -4528px}.i-ILV{background-position:0 -4544px}.i-IMX{background-position:0 -4560px}.i-INJ{background-position:0 -4576px}.i-INR{background-position:0 -4592px}.i-INS{background-position:0 -4608px}.i-IOST{background-position:0 -4624px}.i-IOTA{background-position:0 -4640px}.i-IOTX{background-position:0 -4656px}.i-IQ{background-position:0 -4672px}.i-IRIS{background-position:0 -4688px}.i-JASMY{background-position:0 -4704px}.i-JEX{background-position:0 -4720px}.i-JOE{background-position:0 -4736px}.i-JPY{background-position:0 -4752px}.i-JST{background-position:0 -4768px}.i-JUV{background-position:0 -4784px}.i-KAVA{background-position:0 -4800px}.i-KDA{background-position:0 -4816px}.i-KEEP{background-position:0 -4832px}.i-KES{background-position:0 -4848px}.i-KEYFI{background-position:0 -4864px}.i-KEY{background-position:0 -4880px}.i-KLAY{background-position:0 -4896px}.i-KMD{background-position:0 -4912px}.i-KNCL{background-position:0 -4928px}.i-KNC{background-position:0 -4944px}.i-KP3R{background-position:0 -4960px}.i-KSM{background-position:0 -4976px}.i-KZT{background-position:0 -4992px}.i-LAZIO{background-position:0 -5008px}.i-LBA{background-position:0 -5024px}.i-LDO{background-position:0 -5040px}.i-LEND{background-position:0 -5056px}.i-LEVER{background-position:0 -5072px}.i-LINA{background-position:0 -5088px}.i-LINKDOWN{background-position:0 -5104px}.i-LINKUP{background-position:0 -5120px}.i-LINK{background-position:0 -5136px}.i-LIT{background-position:0 -5152px}.i-LLT{background-position:0 -5168px}.i-LOKA{background-position:0 -5184px}.i-LOOMOLD{background-position:0 -5200px}.i-LOOM{background-position:0 -5216px}.i-LPT{background-position:0 -5232px}.i-LRC{background-position:0 -5248px}.i-LSK{background-position:0 -5264px}.i-LTCDOWN{background-position:0 -5280px}.i-LTCUP{background-position:0 -5296px}.i-LTC{background-position:0 -5312px}.i-LTO{background-position:0 -5328px}.i-LUNA2{background-position:0 -5344px}.i-LUNA{background-position:0 -5360px}.i-LUNC{background-position:0 -5376px}.i-LUN{background-position:0 -5392px}.i-MANA{background-position:0 -5408px}.i-MASK{background-position:0 -5424px}.i-MATIC{background-position:0 -5440px}.i-MBL{background-position:0 -5456px}.i-MBOX{background-position:0 -5472px}.i-MCO{background-position:0 -5488px}.i-MC{background-position:0 -5504px}.i-MDA{background-position:0 -5520px}.i-MDT{background-position:0 -5536px}.i-MDX{background-position:0 -5552px}.i-MEETONE{background-position:0 -5568px}.i-MFT{background-position:0 -5584px}.i-MINA{background-position:0 -5600px}.i-MIR{background-position:0 -5616px}.i-MITH{background-position:0 -5632px}.i-MKR{background-position:0 -5648px}.i-MLN{background-position:0 -5664px}.i-MOB{background-position:0 -5680px}.i-MOD{background-position:0 -5696px}.i-MOVR{background-position:0 -5712px}.i-MTH{background-position:0 -5728px}.i-MTLX{background-position:0 -5744px}.i-MTL{background-position:0 -5760px}.i-MULTI{background-position:0 -5776px}.i-MXN{background-position:0 -5792px}.i-NANO{background-position:0 -5808px}.i-NAS{background-position:0 -5824px}.i-NAV{background-position:0 -5840px}.i-NBS{background-position:0 -5856px}.i-NCASH{background-position:0 -5872px}.i-NEAR{background-position:0 -5888px}.i-NEBL{background-position:0 -5904px}.i-NEO{background-position:0 -5920px}.i-NEXO{background-position:0 -5936px}.i-{background-position:0 -5952px}.i-NGN{background-position:0 -5968px}.i-NKN{background-position:0 -5984px}.i-NMR{background-position:0 -6000px}.i-NOK{background-position:0 -6016px}.i-NPXS{background-position:0 -6032px}.i-NSBT{background-position:0 -6048px}.i-NULS{background-position:0 -6064px}.i-NU{background-position:0 -6080px}.i-NVT{background-position:0 -6096px}.i-NXS{background-position:0 -6112px}.i-NZD{background-position:0 -6128px}.i-OAX{background-position:0 -6144px}.i-OCEAN{background-position:0 -6160px}.i-OGN{background-position:0 -6176px}.i-OG{background-position:0 -6192px}.i-OMG{background-position:0 -6208px}.i-OMOLD{background-position:0 -6224px}.i-OM{background-position:0 -6240px}.i-ONE{background-position:0 -6256px}.i-ONG{background-position:0 -6272px}.i-ONT{background-position:0 -6288px}.i-ONX{background-position:0 -6304px}.i-OOKI{background-position:0 -6320px}.i-OP{background-position:0 -6336px}.i-ORN{background-position:0 -6352px}.i-OSMO{background-position:0 -6368px}.i-OST{background-position:0 -6384px}.i-OXT{background-position:0 -6400px}.i-PAXG{background-position:0 -6416px}.i-PAX{background-position:0 -6432px}.i-PEN{background-position:0 -6448px}.i-PEOPLE{background-position:0 -6464px}.i-PERLOLD{background-position:0 -6480px}.i-PERL{background-position:0 -6496px}.i-PERP{background-position:0 -6512px}.i-PHA{background-position:0 -6528px}.i-PHB{background-position:0 -6544px}.i-PHP{background-position:0 -6560px}.i-PIVX{background-position:0 -6576px}.i-PLA{background-position:0 -6592px}.i-PLN{background-position:0 -6608px}.i-PNT{background-position:0 -6624px}.i-POA{background-position:0 -6640px}.i-POE{background-position:0 -6656px}.i-POLS{background-position:0 -6672px}.i-POLY{background-position:0 -6688px}.i-POLYX{background-position:0 -6704px}.i-POND{background-position:0 -6720px}.i-PORTO{background-position:0 -6736px}.i-POWR{background-position:0 -6752px}.i-PPT{background-position:0 -6768px}.i-PROM{background-position:0 -6784px}.i-PSG{background-position:0 -6800px}.i-PUNDIX{background-position:0 -6816px}.i-PYR{background-position:0 -6832px}.i-QI{background-position:0 -6848px}.i-QKC{background-position:0 -6864px}.i-QLC{background-position:0 -6880px}.i-QNT{background-position:0 -6896px}.i-QSP{background-position:0 -6912px}.i-QTUM{background-position:0 -6928px}.i-QUICK{background-position:0 -6944px}.i-RAD{background-position:0 -6960px}.i-RAMP{background-position:0 -6976px}.i-RARE{background-position:0 -6992px}.i-RAY{background-position:0 -7008px}.i-RCN{background-position:0 -7024px}.i-RDN{background-position:0 -7040px}.i-REEF{background-position:0 -7056px}.i-REI{background-position:0 -7072px}.i-RENBTC{background-position:0 -7088px}.i-REN{background-position:0 -7104px}.i-REPV1{background-position:0 -7120px}.i-REP{background-position:0 -7136px}.i-REQ{background-position:0 -7152px}.i-RGT{background-position:0 -7168px}.i-RIF{background-position:0 -7184px}.i-RLC{background-position:0 -7200px}.i-RNDR{background-position:0 -7216px}.i-ROSE{background-position:0 -7232px}.i-RSR{background-position:0 -7248px}.i-RUB{background-position:0 -7264px}.i-RUNE{background-position:0 -7280px}.i-RVN{background-position:0 -7296px}.i-SALT{background-position:0 -7312px}.i-SAND{background-position:0 -7328px}.i-SANTOS{background-position:0 -7344px}.i-SBTC{background-position:0 -7360px}.i-SCRT{background-position:0 -7376px}.i-SC{background-position:0 -7392px}.i-SEK{background-position:0 -7408px}.i-SFP{background-position:0 -7424px}.i-SGT{background-position:0 -7440px}.i-SHIB{background-position:0 -7456px}.i-SKL{background-position:0 -7472px}.i-SKY{background-position:0 -7488px}.i-SLPOLD{background-position:0 -7504px}.i-SLP{background-position:0 -7520px}.i-SNGLS{background-position:0 -7536px}.i-SNMOLD{background-position:0 -7552px}.i-SNM{background-position:0 -7568px}.i-SNT{background-position:0 -7584px}.i-SNX{background-position:0 -7600px}.i-SOL{background-position:0 -7616px}.i-SPARTAOLD{background-position:0 -7632px}.i-SPARTA{background-position:0 -7648px}.i-SPELL{background-position:0 -7664px}.i-SRM{background-position:0 -7680px}.i-SSV{background-position:0 -7696px}.i-STEEM{background-position:0 -7712px}.i-STG{background-position:0 -7728px}.i-STMX{background-position:0 -7744px}.i-STORJ{background-position:0 -7760px}.i-STORM{background-position:0 -7776px}.i-STPT{background-position:0 -7792px}.i-STRAT{background-position:0 -7808px}.i-STRAX{background-position:0 -7824px}.i-STX{background-position:0 -7840px}.i-SUB{background-position:0 -7856px}.i-SUNOLD{background-position:0 -7872px}.i-SUN{background-position:0 -7888px}.i-SUPER{background-position:0 -7904px}.i-SUSD{background-position:0 -7920px}.i-SUSHIDOWN{background-position:0 -7936px}.i-SUSHIUP{background-position:0 -7952px}.i-SUSHI{background-position:0 -7968px}.i-SWRV{background-position:0 -7984px}.i-SXPDOWN{background-position:0 -8000px}.i-SXPUP{background-position:0 -8016px}.i-SXP{background-position:0 -8032px}.i-SYS{background-position:0 -8048px}.i-TCT{background-position:0 -8064px}.i-TFUEL{background-position:0 -8080px}.i-THETA{background-position:0 -8096px}.i-TKO{background-position:0 -8112px}.i-TLM{background-position:0 -8128px}.i-TNB{background-position:0 -8144px}.i-TNT{background-position:0 -8160px}.i-TOMO{background-position:0 -8176px}.i-TORN{background-position:0 -8192px}.i-TRB{background-position:0 -8208px}.i-TRIBE{background-position:0 -8224px}.i-TRIG{background-position:0 -8240px}.i-TROY{background-position:0 -8256px}.i-TRU{background-position:0 -8272px}.i-TRXDOWN{background-position:0 -8288px}.i-TRXUP{background-position:0 -8304px}.i-TRX{background-position:0 -8320px}.i-TRY{background-position:0 -8336px}.i-TUSD{background-position:0 -8352px}.i-TVK{background-position:0 -8368px}.i-TWT{background-position:0 -8384px}.i-T{background-position:0 -8400px}.i-UAH{background-position:0 -8416px}.i-UFT{background-position:0 -8432px}.i-UGX{background-position:0 -8448px}.i-UMA{background-position:0 -8464px}.i-UND{background-position:0 -8480px}.i-UNFI{background-position:0 -8496px}.i-UNIDOWN{background-position:0 -8512px}.i-UNIUP{background-position:0 -8528px}.i-UNI{background-position:0 -8544px}.i-USDC{background-position:0 -8560px}.i-USDP{background-position:0 -8576px}.i-USDS{background-position:0 -8592px}.i-USDT{background-position:0 -8608px}.i-USD{background-position:0 -8624px}.i-USTC{background-position:0 -8640px}.i-UST{background-position:0 -8656px}.i-UTK{background-position:0 -8672px}.i-VAI{background-position:0 -8688px}.i-VET{background-position:0 -8704px}.i-VGX{background-position:0 -8720px}.i-VIA{background-position:0 -8736px}.i-VIBE{background-position:0 -8752px}.i-VIB{background-position:0 -8768px}.i-VIDT{background-position:0 -8784px}.i-VITE{background-position:0 -8800px}.i-VND{background-position:0 -8816px}.i-VOXEL{background-position:0 -8832px}.i-VRAB{background-position:0 -8848px}.i-VRT{background-position:0 -8864px}.i-VTHO{background-position:0 -8880px}.i-WABI{background-position:0 -8896px}.i-WAN{background-position:0 -8912px}.i-WAVES{background-position:0 -8928px}.i-WAXP{background-position:0 -8944px}.i-WBNB{background-position:0 -8960px}.i-WBTC{background-position:0 -8976px}.i-WETH{background-position:0 -8992px}.i-WINGS{background-position:0 -9008px}.i-WING{background-position:0 -9024px}.i-WIN{background-position:0 -9040px}.i-WNXM{background-position:0 -9056px}.i-WOO{background-position:0 -9072px}.i-WPR{background-position:0 -9088px}.i-WRX{background-position:0 -9104px}.i-WTC{background-position:0 -9120px}.i-XEC{background-position:0 -9136px}.i-XEM{background-position:0 -9152px}.i-XLMDOWN{background-position:0 -9168px}.i-XLMUP{background-position:0 -9184px}.i-XLM{background-position:0 -9200px}.i-XMR{background-position:0 -9216px}.i-XNO{background-position:0 -9232px}.i-XPR{background-position:0 -9248px}.i-XRPBEAR{background-position:0 -9264px}.i-XRPBULL{background-position:0 -9280px}.i-XRPDOWN{background-position:0 -9296px}.i-XRPUP{background-position:0 -9312px}.i-XRP{background-position:0 -9328px}.i-XTZDOWN{background-position:0 -9344px}.i-XTZUP{background-position:0 -9360px}.i-XTZ{background-position:0 -9376px}.i-XVG{background-position:0 -9392px}.i-XVS{background-position:0 -9408px}.i-XYM{background-position:0 -9424px}.i-XZC{background-position:0 -9440px}.i-YFIDOWN{background-position:0 -9456px}.i-YFII{background-position:0 -9472px}.i-YFIUP{background-position:0 -9488px}.i-YFI{background-position:0 -9504px}.i-YGG{background-position:0 -9520px}.i-YOYO{background-position:0 -9536px}.i-ZAR{background-position:0 -9552px}.i-ZEC{background-position:0 -9568px}.i-ZEN{background-position:0 -9584px}.i-ZIL{background-position:0 -9600px}.i-ZRX{background-position:0 -9616px}