@media (max-width: 639.98px) {
  :root {
    --btn-color: #FF8A0B;
    --btn-hover-color: #ffab4f;
    --bg-color: rgba(0, 0, 0, 0.9);
    --text-hover: #b847e1;
  }
  .cp-crm-mobile-widget-navbar {
    background: var(--bg-color);
    border: 1px solid var(--bg-color);
    box-sizing: border-box;
    box-shadow: 0px -2px 4px rgba(63, 84, 99, 0.13);
  }
  .cp-crm-nav-item li a:focus{
		color: #fff;
	}
	.cp-crm-nav-item li.active a:focus{
		color: var(--text-hover);
	}
  .btn-cb {
    background: var(--btn-color);
  }
  .btn-cb:hover {
    background: var(--btn-hover-color);
    color: #fff;
  }
  .btn-wbt-top {
    background: #2D3442;
  }
  .btn-wbt-top:hover {
    background: #5d687d;
    color: #fff;
  }
  .trade-icon-mobile {
    background: var(--btn-color);
    border: 5px solid #000;
  }
  .trade-icon-mobile:hover {
    background: var(--btn-hover-color);
  }
  .trading.active > .btn-nav {
    color: var(--btn-color)!important;
  }
  .cp-crm-nav-item > li.active > a > div.trade-icon-mobile{ 
    background: var(--btn-hover-color);
  }
  .trading > .btn-nav {
    font-size: 10px;
  }
  .cp-crm-navigation-bar {
    background: rgb(255 255 255 / 0%);
    backdrop-filter: none;
  }
  .cp-crm-widget-bar {
    background: var(--bg-color);
    border: 1px solid rgba(0, 0, 0, 0.69);
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .dash {
    background: var(--btn-color);
  }
  .dash.active {
    background: #b7b7b7;
  }
  .cp-crm-nav-item.slider-mobile li {
    background: rgba(0, 0, 0, 0.48);
  }
  .btn-nav {
    color: #fff;
  }
  a.btn-nav:hover {
    color: var(--text-hover);
  }
  .active > .btn-nav {
    color: var(--text-hover);
  }
  .cp-crm-nav-item.slider-mobile > li.active {
    background: var(--btn-color);
  }
  .cp-crm-nav-item.slider-mobile > .active > .btn-nav {
    color: #fff!important;
  }
  .webtrader-icon-top {
    background: url(../images/logo-dark.svg) no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    margin-right: 5px;
  }
  .dashboard-icon {
    background: url(../images/dashboard-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .finance-icon {
    background: url(../images/finance-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .webtrader-icon {
    background: url(../images/logo-dark.svg) no-repeat;
    background-size: contain!important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
  .profile-icon {
    background: url(../images/profile-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .trade-icon {
    background: url(../images/trading-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .mt4-icon {
    background: url(../images/monitor-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
}