@media (min-width: 639.98px) {
  :root {
    --btn-color: #FF8A0B;
    --btn-hover-color: #ffab4f;
    --bg-color: rgba(0, 0, 0, 0.9);
    --text-hover: #b847e1;
  }
  .cp-crm-navigation-bar {
    background: rgba(46, 54, 58, 0.92);
  }
  .btn-nav {
    color: #fff;
  }
  .btn-nav:focus {
    color: var(--text-hover);
    outline: none;
  }
  .btn-nav:active {
    color: var(--text-hover)!important;
  }
  a.btn-nav:hover {
    color: var(--text-hover)!important;
  }
  .btn-wbt {
    background: #2D3442;
    color:#fff;
  }
  .btn-wbt:hover {
    background: #5d687d;
    color:#fff;
  }
  .webtrader-icon {
    background: url(../images/logo-dark.svg) no-repeat;
    background-size: contain!important;
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
  .webtrader-icon-bottom {
    background: url(../images/logo-dark.svg) no-repeat;
    background-size: contain!important;
    width: 23px;
    height: 23px;
    margin-right: 5px;
  }
  .dashboard-icon {
    background: url(../images/dashboard-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;
  }
  .finance-icon {
    background: url(../images/finance-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;
  }
  .profile-icon {
    background: url(../images/profile-w.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
  }
  .active > .btn-nav {
    color: var(--text-hover)!important;
  }
}