@charset "UTF-8";

/* 
 * CSS Variables Configuration
 * 
 * To use variables from a third-party source (API, CDN, etc.):
 * 1. Uncomment and update the external import URL below
 * 2. The external variables will be loaded first, then the :root block below will override them
 * 
 * Example external import:
 * @import url('https://your-third-party-service.com/api/variables.css');
 * @import url('https://cdn.example.com/themes/adam/variables.css');
 * 
 * Note: All variables are defined inline in the :root block below for self-contained use
 */

/* Uncomment and configure this line to load variables from external source */
/* @import url('https://your-third-party-service.com/api/variables.css'); */

/* 
 * CSS Variables - Primary Color Definitions
 * These variables override any existing colors and serve as the source of truth
 * All color variables are defined inline in this :root block for use in Google Tag Manager
 * Using html selector for higher specificity to ensure these override other definitions
 */
html,
html:root,
:root {
  /* Primary Colors */
  --color-primary: #1D4ED8;
  --color-primary-light: #3B82F6;
  --color-primary-bright: #2563EB;
  --color-primary-dark: #1E3A8A;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-background: #f8fafc;
  --color-background-alt: #f9f9f9;
  --color-background-light: #f5f5f5;

  /* Dark Background Colors */
  --color-bg-dark: #3d4e5d;
  --color-bg-dark-medium: #33414e;
  --color-bg-dark-deep: #273541;
  --color-bg-dark-border: #2f3c48;
  --color-bg-dark-border-deep: #23303b;

  /* Text Colors */
  --color-text-primary: #333333;
  --color-text-primary-dark: #434a54;
  --color-text-secondary: #656d78;
  --color-text-tertiary: #cccccc;
  --color-text-white: #ffffff;
  --color-text-black: #000000;

  /* Accent Colors */
  --color-accent-yellow: #ffd559;
  --color-accent-green: #95b75d;

  /* Overlay Colors */
  --color-overlay-light: rgba(0, 0, 0, 0.05);
  --color-overlay-medium: rgba(0, 0, 0, 0.1);
  --color-overlay-dark: rgba(0, 0, 0, 0.15);
  --color-overlay-very-light: rgba(0, 0, 0, 0.03);
  --color-overlay-shadow: rgba(0, 0, 0, 0.08);

  /* Primary Color Overlays */
  --color-primary-overlay-light: rgba(29, 78, 216, 0.1);
  --color-primary-overlay-medium: rgba(29, 78, 216, 0.5);

  /* Background Colors */
  --color-bg-white: var(--color-white);
  --color-bg-white-transparent: rgba(255, 255, 255, 0.85);

  /* Border Colors */
  --color-border-light: #e5e5e5;
  --color-border-medium: #cccccc;
  --color-border-dark: #bbbbbb;
  --color-border-white: #ffffff;
  --color-border-bg: #f5f5f5;

  /* Status Colors */
  --color-success: #95b75d;
  --color-error: #b64645;
  --color-warning: #ffd559;
}

#Login .x-navigation + hr {
  display: none;
}
#Login .x-navigation > li:not(#language-hide) {
  display: none;
}
#Login > div:not(.loader) {
  height: calc(100vh - 48px) !important;
}
#Login .login-container {
  position: relative;
}
#Login .login-container:after {
  content: '';
  background: url('right-bottom-corner.png')
    no-repeat;
  width: 450px;
  height: 410px;
  position: absolute;
  right: -33px;
  bottom: 0;
}
#Login .login-container .login-box {
  width: 540px;
  padding-top: 50px !important;
}
#Login .login-container .login-box .login-body {
  border-radius: 24px;
  padding: 45px 48px;
  box-shadow: 0 41px 65px -30px var(--color-overlay-shadow);
  background: rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#Login .login-container .login-box .login-body > .login-title {
  font-size: 32px;
}
#Login .login-container .login-box .login-body > .login-title img {
  display: block;
  margin: 0 auto 50px !important;
  width: 170px;
  height: auto;
}
#Login .login-container .login-box .login-body .form-horizontal {
  border-bottom: 1px solid var(--color-overlay-medium);
}
#Login .login-container .login-box .login-body .form-horizontal .form-group {
  margin: 0 -15px 24px;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group:last-child {
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 21px;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group:last-child
  > div {
  width: 100%;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group:last-child
  > div:first-child {
  order: 2;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group:last-child
  > div:last-child {
  order: 1;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group
  .form-control {
  border-radius: 16px;
  height: 56px;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  .form-group
  #hideShow {
  top: 50% !important;
  transform: translateY(-50%);
}
#Login .login-container .login-box .login-body .form-horizontal .btn-login {
  height: 56px;
  margin-bottom: 23px;
}
#Login .login-container .login-box .login-body .form-horizontal .btn-link {
  color: var(--color-primary) !important;
  font-size: 16px;
}
#Login .login-container .login-box .login-body .form-horizontal + .col-md-12,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12 {
  padding: 0;
}
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  > div,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12
  > div {
  padding: 0;
}
/* Parent row container - make it flex column to stack elements vertically */
#Login .login-container .login-box .login-body .form-horizontal ~ .row {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* First column with "Not yet registered" - keep it first, hide disclaimer initially */
#Login .login-container .login-box .login-body .form-horizontal + .col-md-12 {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* Buttons container - appears second (after "Not yet registered") */
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12 {
  display: flex;
  gap: 12px;
  order: 2;
  width: 100%;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
}
#Login .login-container .login-box .login-body .btn {
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
}
#Login .login-container .login-box .login-body .not-registered {
  text-align: left !important;
  font-size: 16px;
  margin: 26px 0 !important;
  order: 1;
}
/* Hide disclaimer in its original location - use display none to prevent affecting button sizing */
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  p:not(.not-registered),
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  small,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  .text-muted {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
}
/* Style disclaimer when moved after buttons container */
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12
  + p,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12
  + small,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  + .col-md-12
  + .col-md-12
  + .text-muted,
/* Also target disclaimer that might be in the row container after buttons */
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  ~ .row
  p:not(.not-registered):last-child,
#Login
  .login-container
  .login-box
  .login-body
  .form-horizontal
  ~ .row
  small:last-child {
  margin-top: 12px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  color: var(--color-text-secondary);
  display: block !important;
  order: 3;
}
#Login .login-container .login-box .login-body .btn-live,
#Login .login-container .login-box .login-body .btn-demo {
  padding-top: 9px;
  padding-bottom: 9px;
  flex: 1;
  width: 100%;
  min-width: 0;
}
#Login .login-container .login-box .login-body .btn-live {
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}
#Login .login-container .login-box .login-body .btn-demo {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

/* Mobile Responsive Styles for Login */
@media screen and (max-width: 768px) {
  /* Fix body and html overflow and background */
  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: scroll !important;
  }

  /* Fix any background images on body pseudo-elements */
  body::before,
  body::after {
    background-size: cover !important;
    background-position: center center !important;
  }

  /* Fix Login container overflow */
  #Login {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Fix container and box sizing */
  #Login > div:not(.loader) {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  #Login .login-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  /* Hide decorative graphic on mobile */
  #Login .login-container:after {
    display: none !important;
    content: none !important;
  }

  #Login .login-container .login-box {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 15px !important;
    padding-top: 30px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  #Login .login-container .login-box .login-body {
    padding: 25px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #Login .login-container .login-box .login-body > .login-title {
    font-size: 22px !important;
    word-wrap: break-word !important;
  }

  #Login .login-container .login-box .login-body > .login-title img {
    width: 140px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 25px !important;
  }

  /* Fix form groups and inputs */
  #Login .login-container .login-box .login-body .form-horizontal {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  #Login .login-container .login-box .login-body .form-horizontal .form-group {
    margin: 0 0 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group
    > div {
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group
    .form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px !important;
    padding-right: 50px !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group:last-child
    > div {
    width: 100% !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group
    #hideShow {
    right: 15px !important;
  }

  /* Fix button containers */
  #Login .login-container .login-box .login-body .form-horizontal + .col-md-12,
  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    + .col-md-12
    + .col-md-12 {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    + .col-md-12
    + .col-md-12 {
    flex-direction: column !important;
    gap: 12px !important;
  }

  #Login .login-container .login-box .login-body .btn-live,
  #Login .login-container .login-box .login-body .btn-demo {
    width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  #Login .login-container .login-box .login-body .not-registered {
    font-size: 14px !important;
    margin: 20px 0 !important;
    text-align: center !important;
  }

  /* Fix risk warning */
  #Login .login-container .login-box .login-body .risk-warning-moved {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    margin: 15px 0 0 !important;
  }
}

@media screen and (max-width: 480px) {
  #Login .login-container .login-box {
    padding: 15px 10px !important;
    padding-top: 20px !important;
  }

  #Login .login-container .login-box .login-body {
    padding: 20px 15px !important;
    margin: 0 !important;
  }

  #Login .login-container .login-box .login-body > .login-title {
    font-size: 20px !important;
  }

  #Login .login-container .login-box .login-body > .login-title img {
    width: 120px !important;
    margin: 0 auto 20px !important;
  }

  #Login .login-container .login-box .login-body .form-horizontal .btn-link {
    font-size: 14px !important;
  }

  #Login .login-container .login-box .login-body .btn {
    font-size: 13px !important;
    padding: 8px 12px !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group
    .form-control {
    padding-left: 12px !important;
    padding-right: 45px !important;
  }

  #Login
    .login-container
    .login-box
    .login-body
    .form-horizontal
    .form-group
    #hideShow {
    right: 12px !important;
  }
}

.main-header {
  background: none;
  padding: 9px 16px;
}
.main-header .profile-data-name {
  color: var(--color-text-primary) !important;
}
.main-header .x-navigation.x-navigation-horizontal {
  display: flex;
  align-items: center;
}
.main-header .x-navigation.x-navigation-horizontal #navBar {
  display: none;
}
.main-header .x-navigation.x-navigation-horizontal #navBar + li {
  flex-grow: 1;
}
.main-header .x-navigation.x-navigation-horizontal > li {
  padding: 0 !important;
}
.main-header .x-navigation.x-navigation-horizontal > li .logo a {
  display: inline-block;
  vertical-align: top;
}
.main-header .x-navigation.x-navigation-horizontal > li .logo a:hover {
  background: none !important;
}
.main-header .x-navigation.x-navigation-horizontal > li .logo a img {
  display: block;
  height: 42px;
  width: auto;
}
.main-header .x-navigation.x-navigation-horizontal > li .profile-data-name {
  margin: 0 !important;
  z-index: 9999;
  position: relative;
}
.main-header .x-navigation.x-navigation-horizontal > li:first-child {
  flex-grow: 1;
}
.main-header .x-navigation.x-navigation-horizontal > li.last > a {
  border-radius: 0;
}
.main-header .x-navigation.x-navigation-horizontal > li > a {
  color: var(--color-text-primary) !important;
}
.main-header .x-navigation.x-navigation-horizontal > li > a .fa,
.main-header .x-navigation.x-navigation-horizontal > li > a .glyphicon {
  color: var(--color-text-primary);
}
.main-header .x-navigation.x-navigation-horizontal > li > a:hover {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}
.main-header .x-navigation.x-navigation-horizontal > li > a.mb-control {
  color: var(--color-primary) !important;
}
.main-header .x-navigation.x-navigation-horizontal .xn-icon-button > a {
  padding: 12px;
}
.main-header .header-select {
  margin-right: 28px;
}
.main-header #accountsSelect {
  position: relative;
  padding: 0;
}
.main-header #accountsSelect:before {
  content: '';
  width: 1px;
  height: 24px;
  background: var(--color-overlay-medium);
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
}
.main-header #accountsSelect:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0;
  border-color: var(--color-text-primary) transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.main-header .account-select {
  background: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 -1.5px 1.5px 0 var(--color-overlay-medium) inset;
  cursor: pointer;
  padding: 8px 55px 8px 12px;
  height: auto;
  min-width: 210px;
}
.main-header .mb-control {
  border: 1px solid var(--color-primary) !important;
  border-radius: 12px !important;
  color: var(--color-primary) !important;
  padding: 5px 24px 5px 42px !important;
  position: relative;
}
.main-header .mb-control:before {
  content: '';
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_185' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_185)'%3E%3Cpath d='M3.98081 15.375C3.60194 15.375 3.28125 15.2438 3.01875 14.9813C2.75625 14.7188 2.625 14.3981 2.625 14.0192V3.98081C2.625 3.60194 2.75625 3.28125 3.01875 3.01875C3.28125 2.75625 3.60194 2.625 3.98081 2.625H9.00713V3.75H3.98081C3.92306 3.75 3.87019 3.77406 3.82219 3.82219C3.77406 3.87019 3.75 3.92306 3.75 3.98081V14.0192C3.75 14.0769 3.77406 14.1298 3.82219 14.1778C3.87019 14.2259 3.92306 14.25 3.98081 14.25H9.00713V15.375H3.98081ZM12.1731 12.2019L11.3942 11.3884L13.2203 9.5625H6.82219V8.4375H13.2203L11.3942 6.61162L12.1731 5.79806L15.375 9L12.1731 12.2019Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.main-header .mb-control .fa {
  display: none;
}
.main-header
  .x-navigation.x-navigation-horizontal
  > li.pull-right.desktop-logout-li,
.main-header .x-navigation.x-navigation-horizontal > li.desktop-logout-li,
.main-header .x-navigation.x-navigation-horizontal > li.pull-right {
  margin-left: auto !important;
  margin-right: 8px;
}
.main-header
  .x-navigation.x-navigation-horizontal
  > li:nth-last-child(2):not(#language-hide) {
  margin-left: auto !important;
  margin-right: 8px;
}
.main-header #language-hide {
  margin-left: 0 !important;
  margin-right: 0;
}
.main-header #language-hide.active > a {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}
.main-header #language-hide > a {
  border-radius: 12px;
}
.main-header #language-hide > ul.xn-drop-white {
  border-radius: 20px;
}
.main-header #language-hide > ul.xn-drop-white li {
  overflow: hidden;
}
.main-header #language-hide > ul.xn-drop-white li:first-child {
  border-radius: 20px 20px 0 0;
}
.main-header #language-hide > ul.xn-drop-white li:last-child {
  border-radius: 0 0 20px 20px;
}
.main-header #language-hide > ul.xn-drop-white li > a:hover {
  background: var(--color-primary-overlay-medium) !important;
  color: var(--color-white);
}

.page-sidebar {
  padding-top: 16px;
  height: calc(100vh - 76px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-sidebar .x-navigation li {
  margin-bottom: 5px;
}
.page-sidebar .x-navigation li.xn-openable:before {
  top: 19px;
  color: var(--color-text-primary);
}
.page-sidebar .x-navigation li .fa,
.page-sidebar .x-navigation li .glyphicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 18px;
}
.page-sidebar .x-navigation li .fa:before,
.page-sidebar .x-navigation li .glyphicon:before {
  width: 24px;
  height: 24px;
  display: block;
  line-height: 24px;
}
.page-sidebar .x-navigation li.curr_ .fa:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55397_202' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55397_202)'%3E%3Cpath d='M13.25 9V3.5H20.5V9H13.25ZM3.5 12.5V3.5H10.75V12.5H3.5ZM13.25 20.5V11.5H20.5V20.5H13.25ZM3.5 20.5V15H10.75V20.5H3.5ZM5 11H9.25V5H5V11ZM14.75 19H19V13H14.75V19ZM14.75 7.5H19V5H14.75V7.5ZM5 19H9.25V16.5H5V19Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_deposit .fa:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_208' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_208)'%3E%3Cpath d='M5.30775 20.5C4.80908 20.5 4.38308 20.3234 4.02975 19.9703C3.67658 19.6169 3.5 19.1909 3.5 18.6923V5.30775C3.5 4.80908 3.67658 4.38308 4.02975 4.02975C4.38308 3.67658 4.80908 3.5 5.30775 3.5H18.6923C19.1909 3.5 19.6169 3.67658 19.9703 4.02975C20.3234 4.38308 20.5 4.80908 20.5 5.30775V8.029H19V5.30775C19 5.21792 18.9712 5.14417 18.9135 5.0865C18.8558 5.02883 18.7821 5 18.6923 5H5.30775C5.21792 5 5.14417 5.02883 5.0865 5.0865C5.02883 5.14417 5 5.21792 5 5.30775V18.6923C5 18.7821 5.02883 18.8558 5.0865 18.9135C5.14417 18.9712 5.21792 19 5.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V15.971H20.5V18.6923C20.5 19.1909 20.3234 19.6169 19.9703 19.9703C19.6169 20.3234 19.1909 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8091 16.5 12.3831 16.3234 12.0297 15.9703C11.6766 15.6169 11.5 15.1909 11.5 14.6923V9.30775C11.5 8.80908 11.6766 8.38308 12.0297 8.02975C12.3831 7.67658 12.8091 7.5 13.3077 7.5H19.6923C20.1909 7.5 20.6169 7.67658 20.9703 8.02975C21.3234 8.38308 21.5 8.80908 21.5 9.30775V14.6923C21.5 15.1909 21.3234 15.6169 20.9703 15.9703C20.6169 16.3234 20.1909 16.5 19.6923 16.5H13.3077ZM19.6923 15C19.7821 15 19.8558 14.9712 19.9135 14.9135C19.9712 14.8558 20 14.7821 20 14.6923V9.30775C20 9.21792 19.9712 9.14417 19.9135 9.0865C19.8558 9.02883 19.7821 9 19.6923 9H13.3077C13.2179 9 13.1442 9.02883 13.0865 9.0865C13.0288 9.14417 13 9.21792 13 9.30775V14.6923C13 14.7821 13.0288 14.8558 13.0865 14.9135C13.1442 14.9712 13.2179 15 13.3077 15H19.6923ZM16 13.5C16.4167 13.5 16.7708 13.3542 17.0625 13.0625C17.3542 12.7708 17.5 12.4167 17.5 12C17.5 11.5833 17.3542 11.2292 17.0625 10.9375C16.7708 10.6458 16.4167 10.5 16 10.5C15.5833 10.5 15.2292 10.6458 14.9375 10.9375C14.6458 11.2292 14.5 11.5833 14.5 12C14.5 12.4167 14.6458 12.7708 14.9375 13.0625C15.2292 13.3542 15.5833 13.5 16 13.5Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_transactions .fa:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_220' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_220)'%3E%3Cpath d='M12.0001 22.5C10.0501 22.5 8.28056 22.0173 6.6914 21.0518C5.1024 20.0864 3.85598 18.7928 2.95215 17.171V20.1538H1.45215V14.6538H6.95215V16.1538H4.11165C4.83465 17.6103 5.90323 18.7821 7.3174 19.6693C8.73157 20.5564 10.2925 21 12.0001 21C13.2245 21 14.3729 20.7737 15.4454 20.3212C16.5177 19.8686 17.4565 19.2509 18.2616 18.4683C19.0668 17.6856 19.7133 16.7613 20.2011 15.6953C20.689 14.6293 20.9521 13.4808 20.9906 12.25H22.4904C22.4584 13.6705 22.1613 15.0026 21.5991 16.2462C21.037 17.4897 20.2831 18.5763 19.3376 19.5058C18.3921 20.4353 17.2896 21.1667 16.0299 21.7C14.7702 22.2333 13.427 22.5 12.0001 22.5ZM11.2924 18.8078V17.5462C10.5604 17.3756 9.95173 17.0717 9.4664 16.6345C8.98123 16.1973 8.60915 15.6077 8.35015 14.8655L9.6154 14.35C9.8539 15.0013 10.1953 15.4963 10.6396 15.8348C11.0838 16.1731 11.5873 16.3422 12.1501 16.3422C12.7193 16.3422 13.2302 16.2003 13.6829 15.9163C14.1354 15.6324 14.3616 15.177 14.3616 14.55C14.3616 14.0282 14.1671 13.6125 13.7781 13.303C13.389 12.9933 12.663 12.6436 11.6001 12.2537C10.572 11.8846 9.83031 11.4712 9.37515 11.0135C8.91998 10.5558 8.6924 9.95133 8.6924 9.2C8.6924 8.55517 8.92515 7.96475 9.39065 7.42875C9.85598 6.89292 10.5066 6.55125 11.3424 6.40375V5.19225H12.7079V6.40375C13.2694 6.44742 13.7864 6.65867 14.2589 7.0375C14.7312 7.41633 15.0719 7.87175 15.2809 8.40375L14.0464 8.9C13.8746 8.5295 13.629 8.2215 13.3096 7.976C12.9905 7.7305 12.5706 7.60775 12.0501 7.60775C11.4283 7.60775 10.9408 7.75517 10.5876 8.05C10.2345 8.34483 10.0579 8.72817 10.0579 9.2C10.0579 9.67183 10.2303 10.0392 10.5751 10.302C10.92 10.5648 11.6181 10.8758 12.6694 11.2348C13.8694 11.6681 14.6758 12.1539 15.0886 12.6923C15.5015 13.2308 15.7079 13.85 15.7079 14.55C15.7079 15.027 15.6197 15.4456 15.4434 15.8057C15.2671 16.1661 15.0366 16.469 14.7521 16.7145C14.4675 16.96 14.1434 17.1539 13.7799 17.2962C13.4164 17.4384 13.0424 17.5384 12.6579 17.5963V18.8078H11.2924ZM1.5099 11.75C1.55473 10.2975 1.8614 8.94783 2.4299 7.701C2.99857 6.45417 3.75881 5.36925 4.71065 4.44625C5.66265 3.52308 6.76365 2.80125 8.01365 2.28075C9.26365 1.76025 10.5925 1.5 12.0001 1.5C13.931 1.5 15.7006 1.98433 17.3089 2.953C18.9172 3.9215 20.1636 5.22633 21.0481 6.8675V3.84625H22.5481V9.34625H17.0481V7.84625H19.8886C19.1848 6.41542 18.1242 5.25 16.7069 4.35C15.2896 3.45 13.7206 3 12.0001 3C10.8015 3 9.66748 3.22308 8.59815 3.66925C7.52898 4.11542 6.58865 4.72658 5.77715 5.50275C4.96565 6.27908 4.31115 7.20025 3.81365 8.26625C3.31615 9.33225 3.04815 10.4935 3.00965 11.75H1.5099Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_trading-history .fa:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_257' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_257)'%3E%3Cpath d='M7.5 19.5V17.5H5.5V6.5H7.5V4.5H9V6.5H11V17.5H9V19.5H7.5ZM7 16H9.5V8H7V16ZM15 19.5V14.6923H13V8.404H15V4.5H16.5V8.404H18.5V14.6923H16.5V19.5H15ZM14.5 13.1923H17V9.90375H14.5V13.1923Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_accounts .fa:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_296' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect y='6.10352e-05' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_296)'%3E%3Cpath d='M6.023 17.2923C6.873 16.6616 7.799 16.1636 8.801 15.7981C9.80283 15.4327 10.8692 15.2501 12 15.2501C13.1308 15.2501 14.1972 15.4327 15.199 15.7981C16.201 16.1636 17.127 16.6616 17.977 17.2923C18.5987 16.609 19.0912 15.818 19.4548 14.9193C19.8183 14.0206 20 13.0476 20 12.0001C20 9.78339 19.2208 7.89589 17.6625 6.33756C16.1042 4.77923 14.2167 4.00006 12 4.00006C9.78333 4.00006 7.89583 4.77923 6.3375 6.33756C4.77917 7.89589 4 9.78339 4 12.0001C4 13.0476 4.18175 14.0206 4.54525 14.9193C4.90875 15.818 5.40133 16.609 6.023 17.2923ZM12.0003 12.7501C11.0873 12.7501 10.3173 12.4367 9.6905 11.8101C9.0635 11.1832 8.75 10.4133 8.75 9.50031C8.75 8.58731 9.06333 7.81739 9.69 7.19056C10.3168 6.56356 11.0868 6.25006 11.9998 6.25006C12.9128 6.25006 13.6827 6.56339 14.3095 7.19006C14.9365 7.81689 15.25 8.58681 15.25 9.49981C15.25 10.4128 14.9367 11.1827 14.31 11.8096C13.6832 12.4366 12.9133 12.7501 12.0003 12.7501ZM12 21.5001C10.6808 21.5001 9.44333 21.252 8.2875 20.7558C7.13167 20.2596 6.12625 19.584 5.27125 18.7288C4.41608 17.8738 3.74042 16.8684 3.24425 15.7126C2.74808 14.5567 2.5 13.3192 2.5 12.0001C2.5 10.6809 2.74808 9.44339 3.24425 8.28756C3.74042 7.13173 4.41608 6.12631 5.27125 5.27131C6.12625 4.41614 7.13167 3.74048 8.2875 3.24431C9.44333 2.74814 10.6808 2.50006 12 2.50006C13.3192 2.50006 14.5567 2.74814 15.7125 3.24431C16.8683 3.74048 17.8738 4.41614 18.7288 5.27131C19.5839 6.12631 20.2596 7.13173 20.7558 8.28756C21.2519 9.44339 21.5 10.6809 21.5 12.0001C21.5 13.3192 21.2519 14.5567 20.7558 15.7126C20.2596 16.8684 19.5839 17.8738 18.7288 18.7288C17.8738 19.584 16.8683 20.2596 15.7125 20.7558C14.5567 21.252 13.3192 21.5001 12 21.5001ZM12 20.0001C12.9025 20.0001 13.7727 19.8549 14.6105 19.5646C15.4483 19.2741 16.1923 18.868 16.8422 18.3463C16.1923 17.8436 15.458 17.452 14.6395 17.1713C13.8208 16.8905 12.941 16.7501 12 16.7501C11.059 16.7501 10.1776 16.8888 9.35575 17.1663C8.53392 17.444 7.80125 17.8373 7.15775 18.3463C7.80775 18.868 8.55167 19.2741 9.3895 19.5646C10.2273 19.8549 11.0975 20.0001 12 20.0001ZM12 11.2501C12.4975 11.2501 12.9135 11.0827 13.248 10.7481C13.5827 10.4136 13.75 9.99756 13.75 9.50006C13.75 9.00256 13.5827 8.58656 13.248 8.25206C12.9135 7.91739 12.4975 7.75006 12 7.75006C11.5025 7.75006 11.0865 7.91739 10.752 8.25206C10.4173 8.58656 10.25 9.00256 10.25 9.50006C10.25 9.99756 10.4173 10.4136 10.752 10.7481C11.0865 11.0827 11.5025 11.2501 12 11.2501Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_request-status .glyphicon:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_308' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_308)'%3E%3Cpath d='M12.1866 16.9213L20.4944 8.61354C20.5392 8.56871 20.5616 8.51421 20.5616 8.45004C20.5616 8.38587 20.5392 8.33137 20.4944 8.28654L19.5214 7.31354C19.4764 7.26871 19.4219 7.24629 19.3579 7.24629C19.2937 7.24629 19.2392 7.26871 19.1944 7.31354L10.8866 15.6213L12.1866 16.9213ZM5.91163 18.7308C4.42447 18.6475 3.3078 18.3167 2.56163 17.7385C1.81547 17.1604 1.44238 16.3424 1.44238 15.2845C1.44238 14.2719 1.86738 13.4505 2.71738 12.8203C3.56738 12.1901 4.7488 11.8084 6.26163 11.675C6.98863 11.6122 7.53388 11.4808 7.89738 11.2808C8.26072 11.0808 8.44238 10.8039 8.44238 10.45C8.44238 9.95904 8.19655 9.58437 7.70488 9.32604C7.21322 9.06771 6.40713 8.88212 5.28663 8.76929L5.42313 7.27879C6.9603 7.42496 8.0978 7.75637 8.83563 8.27304C9.57347 8.78971 9.94238 9.51537 9.94238 10.45C9.94238 11.2435 9.63763 11.8727 9.02813 12.3375C8.41847 12.8022 7.53347 13.0814 6.37313 13.175C5.22963 13.2712 4.37197 13.4943 3.80013 13.8443C3.2283 14.1943 2.94238 14.6744 2.94238 15.2845C2.94238 15.9064 3.18055 16.369 3.65688 16.6723C4.13322 16.9755 4.9053 17.1616 5.97313 17.2308L5.91163 18.7308ZM12.4211 18.8095L8.99813 15.3865L18.3366 6.05779C18.6315 5.76296 18.976 5.61712 19.3704 5.62029C19.7645 5.62346 20.109 5.76929 20.4039 6.05779L21.7501 7.40379C22.045 7.69879 22.1924 8.04496 22.1924 8.44229C22.1924 8.83979 22.045 9.18596 21.7501 9.48079L12.4211 18.8095ZM9.08088 19.5C8.85522 19.5539 8.65655 19.4949 8.48488 19.323C8.31305 19.1512 8.25405 18.9525 8.30788 18.727L8.99813 15.3865L12.4211 18.8095L9.08088 19.5Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li.curr_downloads .glyphicon:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55240_319' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55240_319)'%3E%3Cpath d='M8.5 20.5V19H10.5V17H4.30775C3.80258 17 3.375 16.825 3.025 16.475C2.675 16.125 2.5 15.6974 2.5 15.1923V5.30775C2.5 4.80258 2.675 4.375 3.025 4.025C3.375 3.675 3.80258 3.5 4.30775 3.5H19.6923C20.1974 3.5 20.625 3.675 20.975 4.025C21.325 4.375 21.5 4.80258 21.5 5.30775V15.1923C21.5 15.6974 21.325 16.125 20.975 16.475C20.625 16.825 20.1974 17 19.6923 17H13.5V19H15.5V20.5H8.5ZM4.30775 15.5H19.6923C19.7693 15.5 19.8398 15.468 19.9038 15.404C19.9679 15.3398 20 15.2692 20 15.1923V5.30775C20 5.23075 19.9679 5.16025 19.9038 5.09625C19.8398 5.03208 19.7693 5 19.6923 5H4.30775C4.23075 5 4.16025 5.03208 4.09625 5.09625C4.03208 5.16025 4 5.23075 4 5.30775V15.1923C4 15.2692 4.03208 15.3398 4.09625 15.404C4.16025 15.468 4.23075 15.5 4.30775 15.5Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
}
.page-sidebar .x-navigation li .fa.faq-icon-custom:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_bookmark' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_bookmark)'%3E%3Cpath d='M17 3H7C5.9 3 5 3.9 5 5V21L12 18L19 21V5C19 3.9 18.1 3 17 3ZM17 18L12 15.82L7 18V5H17V18Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat;
}
.page-sidebar .x-navigation li .fa.legal-docs-icon-custom:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_balance' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_balance)'%3E%3Cpath d='M12 21C12.55 21 13 20.55 13 20H11C11 20.55 11.45 21 12 21ZM11.5 2H12.5V4H11.5V2ZM11.5 5H12.5V7H11.5V5ZM11.5 8H12.5V10H11.5V8ZM11.5 11H12.5V13H11.5V11ZM11.5 14H12.5V16H11.5V14ZM11.5 17H12.5V19H11.5V17ZM3 4H21V5H3V4ZM6 6H7V14H6V6ZM17 6H18V14H17V6ZM5 15H9V16H5V15ZM15 15H19V16H15V15ZM6 17H8V18H6V17ZM16 17H18V18H16V17ZM7 8H8V10H7V8ZM16 8H17V10H16V8ZM7 11H8V13H7V11ZM16 11H17V13H16V11Z' fill='%231D4ED8'/%3E%3Cpath d='M6 15.5C6 16.88 4.88 18 3.5 18C2.12 18 1 16.88 1 15.5C1 14.12 2.12 13 3.5 13C4.88 13 6 14.12 6 15.5Z' fill='%231D4ED8'/%3E%3Cpath d='M23 15.5C23 16.88 21.88 18 20.5 18C19.12 18 18 16.88 18 15.5C18 14.12 19.12 13 20.5 13C21.88 13 23 14.12 23 15.5Z' fill='%231D4ED8'/%3E%3Cpath d='M4 3H5V4H4V3ZM19 3H20V4H19V3ZM2 5H3V6H2V5ZM21 5H22V6H21V5ZM1 7H2V8H1V7ZM22 7H23V8H22V7ZM0 9H1V10H0V9ZM23 9H24V10H23V9Z' fill='%231D4ED8'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat;
}
.page-sidebar .x-navigation li.active > a {
  background: var(--color-primary-overlay-light);
  color: var(--color-text-primary);
  font-weight: 700;
}
.page-sidebar .x-navigation li.active > ul {
  padding: 5px 0 5px 34px;
}
.page-sidebar .x-navigation li > a {
  color: var(--color-text-primary);
  font-size: 14px;
  border: none;
  border-radius: 16px;
  padding: 16px 10px 16px 15px;
  display: flex;
  align-items: center;
}
.page-sidebar .x-navigation li > a:hover {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}
.page-sidebar .x-navigation li > a .fa,
.page-sidebar .x-navigation li > a .glyphicon {
  color: var(--color-primary);
}
.page-sidebar .x-navigation li > ul {
  background: none;
  padding: 0 0 0 34px;
}
.page-sidebar .x-navigation li > ul > li > a {
  padding: 16px !important;
  font-size: 14px !important;
}
.page-sidebar .sidebar-bottom {
  background: var(--color-primary-overlay-light);
  border-radius: 16px;
  display: flex;
  align-items: flex-start;
  clear: both;
  padding: 10px;
}
.page-sidebar .sidebar-bottom svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-right: 12px;
}
.page-sidebar .sidebar-bottom .txt p {
  font-size: 12px;
  line-height: 16px;
  color: var(--color-text-primary);
  font-weight: 500;
}
.page-sidebar .sidebar-bottom .txt a {
  font-size: 14px;
  color: var(--color-primary);
  font-weight: 500;
}

.page-container {
  padding: 0 16px;
}
.page-container .page-content {
  margin-left: 250px;
  height: auto !important;
}

/* Ensure the accounts form container remains visible and inline with selectAccount */
.page-content-wrap .row:first-child {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.form-group.col-md-3 {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 10 !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

.form-group.col-md-3 form#accounts,
.form-group.col-md-3 #accountsSelect {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 10 !important;
}

.page-content-wrap .profile-data {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.page-content-wrap {
  box-shadow: 0 1px 15px 0 var(--color-overlay-light);
  background: var(--color-bg-white-transparent);
  padding: 0 14px;
  position: relative;
  border-radius: 20px;
  overflow-y: auto;
  height: calc(100vh - 80px);
}
.page-content-wrap #yourAccount {
  padding: 34px 10px 0;
}
.page-content-wrap #yourAccount + .row {
  padding-top: 0 !important;
}
.page-content-wrap .profile-data {
  visibility: visible !important;
  margin: 0 !important;
}
.page-content-wrap .profile-data #selectAccount {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--color-text-primary);
}
.page-content-wrap .profile-data-name {
  color: var(--color-text-primary) !important;
  font-weight: 700;
  font-size: 32px;
  margin: 0 !important;
  position: relative;
  padding-left: 50px;
}
.page-content-wrap .profile-data-name:before {
  content: '👋';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.page-content-wrap #widgets {
  margin-top: 50px;
}
.page-content-wrap #widgets > .row {
  display: flex;
  margin-bottom: 32px;
}
.page-content-wrap #widgets > .row > div {
  position: relative;
}
.page-content-wrap .panel {
  background: var(--color-white);
  border: 1px solid var(--color-overlay-light);
  box-shadow: 0 2px 5px 0 var(--color-overlay-light),
    0 -1px 1px 0 var(--color-overlay-medium) inset;
  border-radius: 20px;
  overflow: hidden;
  padding: 9px 12px;
}
.page-content-wrap .panel-heading {
  background: none !important;
  border: none !important;
  padding-left: 12px;
  padding-right: 12px;
}
.page-content-wrap .panel-heading .panel-title {
  font-size: 14px;
  margin-left: 0;
}

.widget {
  border-radius: 20px;
  box-shadow: 0 2px 5px 0 var(--color-overlay-light),
    0 -1px 1px 0 var(--color-overlay-medium) inset;
  border: 1px solid var(--color-overlay-light);
  color: var(--color-text-primary);
  margin-bottom: 0;
  height: 100%;
}
.widget.widget-default {
  color: var(--color-text-primary);
}
.widget.widget-default,
.widget.widget-danger {
  background: var(--color-white) !important;
}
.widget .widget-buttons {
  padding: 0;
  margin: 0;
  border: none;
}
.widget .widget-title {
  color: var(--color-text-secondary);
  font-size: 14px;
  text-transform: none;
}
.widget .widget-int {
  color: var(--color-text-primary);
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 22px;
}
.widget .widget-title,
.widget .widget-subtitle,
.widget .widget-int,
.widget .widget-big-int {
  text-align: left;
}
.widget .widget-subtitle {
  margin: 0;
}
.widget .widget-subtitle > a,
.widget .btn {
  display: inline-block;
  vertical-align: top;
  font-size: 14px !important;
  border-radius: 12px;
  color: var(--color-primary) !important;
  border: 1.5px solid var(--color-primary) !important;
  background: none !important;
  padding: 6px 16px;
  text-decoration: none !important;
  line-height: normal !important;
}
.widget .widget-subtitle > a:hover,
.widget .btn:hover {
  background: var(--color-primary-overlay-light) !important;
}
.widget #my-widget {
  text-align: left;
}
.widget #my-widget > div {
  width: 100% !important;
}
.widget #my-widget > div > .col-md-12 {
  padding: 0 !important;
}
.widget #my-widget .btn {
  width: auto;
}

#leftWidget .widget,
#middleWidget .widget,
#scrollWidget .widget {
  padding: 24px 15px 24px 92px;
  position: relative;
}
#leftWidget .widget:before,
#middleWidget .widget:before,
#scrollWidget .widget:before {
  content: '';
  position: absolute;
  left: 24px;
  top: 24px;
  width: 56px;
  height: 56px;
}

#leftWidget .widget:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_55074_26812)'%3E%3Crect x='5' y='5' width='46' height='46' rx='14' fill='black' fill-opacity='0.05'/%3E%3Cg filter='url(%23filter0_dii_55074_26812)'%3E%3Cpath d='M26.4819 34.5H29.4778C30.2724 34.5 31.0344 34.1839 31.5963 33.6213C32.1581 33.0587 32.4738 32.2956 32.4738 31.5C32.4738 30.7044 32.1581 29.9413 31.5963 29.3787C31.0344 28.8161 30.2724 28.5 29.4778 28.5H24.9839C24.0851 28.5 23.3361 28.8 22.8867 29.4L14.498 37.5M20.4899 43.5L22.8867 41.4C23.3361 40.8 24.0851 40.5 24.9839 40.5H30.9758C32.6236 40.5 34.1216 39.9 35.1702 38.7L42.0609 32.1C42.639 31.553 42.9763 30.7984 42.9988 30.0024C43.0213 29.2063 42.727 28.4338 42.1807 27.855C41.6345 27.2762 40.8809 26.9383 40.0859 26.9158C39.2909 26.8933 38.5195 27.188 37.9414 27.735L31.6499 33.585M13 36L21.9879 45M38.3159 25.5C38.3159 27.9024 36.371 29.85 33.9718 29.85C31.5726 29.85 29.6276 27.9024 29.6276 25.5C29.6276 23.0976 31.5726 21.15 33.9718 21.15C36.371 21.15 38.3159 23.0976 38.3159 25.5ZM23.4859 19.5C23.4859 21.9853 21.4739 24 18.9919 24C16.51 24 14.498 21.9853 14.498 19.5C14.498 17.0147 16.51 15 18.9919 15C21.4739 15 23.4859 17.0147 23.4859 19.5ZM34.4859 8.5C34.4859 10.9853 32.4739 13 29.9919 13C27.51 13 25.498 10.9853 25.498 8.5C25.498 6.01472 27.51 4 29.9919 4C32.4739 4 34.4859 6.01472 34.4859 8.5Z' stroke='black' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' shape-rendering='crispEdges'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dii_55074_26812' x='11' y='-1' width='40' height='51' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.114 0 0 0 0 0.306 0 0 0 0 0.847 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_55074_26812'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_55074_26812' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='0.375'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.65 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_55074_26812'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-0.5'/%3E%3CfeGaussianBlur stdDeviation='0.35'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect2_innerShadow_55074_26812' result='effect3_innerShadow_55074_26812'/%3E%3C/filter%3E%3CclipPath id='clip0_55074_26812'%3E%3Crect width='56' height='56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
}

#middleWidget .widget:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.66666' y='5' width='46' height='46' rx='14' fill='black' fill-opacity='0.05'/%3E%3Cg filter='url(%23filter0_dii_55074_26819)'%3E%3Cpath d='M38.4035 20.7778L38.4035 16.4444C38.4035 16.0614 38.2538 15.694 37.9873 15.4231C37.7208 15.1522 37.3593 15 36.9824 15H18.5088C17.755 15 17.0321 15.3044 16.4991 15.8461C15.9661 16.3879 15.6667 17.1227 15.6667 17.8889M15.6667 17.8889C15.6667 18.6551 15.9661 19.3899 16.4991 19.9316C17.0321 20.4734 17.755 20.7778 18.5088 20.7778H39.8246C40.2014 20.7778 40.5629 20.93 40.8294 21.2008C41.0959 21.4717 41.2456 21.8391 41.2456 22.2222V28M15.6667 17.8889V38.1111C15.6667 38.8773 15.9661 39.6121 16.4991 40.1539C17.0321 40.6956 17.755 41 18.5088 41H39.8246C40.2014 41 40.5629 40.8478 40.8294 40.5769C41.0959 40.306 41.2456 39.9386 41.2456 39.5556V33.7778M41.2456 28H36.9824C36.2287 28 35.5058 28.3044 34.9728 28.8461C34.4398 29.3879 34.1403 30.1227 34.1403 30.8889C34.1403 31.6551 34.4398 32.3899 34.9728 32.9316C35.5058 33.4734 36.2287 33.7778 36.9824 33.7778H41.2456M41.2456 28C41.6225 28 41.9839 28.1522 42.2504 28.4231C42.5169 28.694 42.6667 29.0614 42.6667 29.4444V32.3333C42.6667 32.7164 42.5169 33.0838 42.2504 33.3547C41.9839 33.6256 41.6225 33.7778 41.2456 33.7778' stroke='black' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dii_55074_26819' x='13.6667' y='10' width='37' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.114 0 0 0 0 0.306 0 0 0 0 0.847 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_55074_26819'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_55074_26819' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='0.375'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.65 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_55074_26819'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-0.5'/%3E%3CfeGaussianBlur stdDeviation='0.35'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect2_innerShadow_55074_26819' result='effect3_innerShadow_55074_26819'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
}

#scrollWidget .widget:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_55074_26826)'%3E%3Crect x='5.33331' y='5' width='46' height='46' rx='14' fill='black' fill-opacity='0.05'/%3E%3Cg filter='url(%23filter0_dii_55074_26826)'%3E%3Cpath d='M19.3333 30H20.3333V34M34.3333 11C34.3333 14.866 31.1993 18 27.3333 18C23.4673 18 20.3333 14.866 20.3333 11M34.3333 11C34.3333 7.13401 31.1993 4 27.3333 4C23.4673 4 20.3333 7.13401 20.3333 11M34.3333 11V36.5M20.3333 11V25.5M34.3333 42V44.52C34.3333 45.0723 33.8856 45.52 33.3333 45.52C31.6765 45.52 30.3333 46.8631 30.3333 48.52V50C30.3333 51.6569 31.6765 53 33.3333 53H35.3333C36.9902 53 38.3333 51.6569 38.3333 50V49.04M26.3333 32C26.3333 35.3137 23.647 38 20.3333 38C17.0196 38 14.3333 35.3137 14.3333 32C14.3333 28.6863 17.0196 26 20.3333 26C23.647 26 26.3333 28.6863 26.3333 32ZM31.3333 11C31.3333 13.2091 29.5425 15 27.3333 15C25.1242 15 23.3333 13.2091 23.3333 11C23.3333 8.79086 25.1242 7 27.3333 7C29.5425 7 31.3333 8.79086 31.3333 11ZM36.3333 39C36.3333 40.1046 35.4379 41 34.3333 41C33.2287 41 32.3333 40.1046 32.3333 39C32.3333 37.8954 33.2287 37 34.3333 37C35.4379 37 36.3333 37.8954 36.3333 39Z' stroke='black' stroke-opacity='0.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' shape-rendering='crispEdges'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dii_55074_26826' x='12.3333' y='-1' width='34' height='59' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='3'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.114 0 0 0 0 0.306 0 0 0 0 0.847 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_55074_26826'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_55074_26826' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='0.5'/%3E%3CfeGaussianBlur stdDeviation='0.375'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.65 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_55074_26826'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-0.5'/%3E%3CfeGaussianBlur stdDeviation='0.35'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='effect2_innerShadow_55074_26826' result='effect3_innerShadow_55074_26826'/%3E%3C/filter%3E%3CclipPath id='clip0_55074_26826'%3E%3Crect width='56' height='56' fill='white' transform='translate(0.333313)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
}
#scrollWidget .owl-pagination {
  background: var(--color-overlay-light);
  border-radius: 12px;
  height: auto;
  padding: 2px 5px;
  display: inline-block;
  vertical-align: top;
}
#scrollWidget .owl-pagination .owl-page:nth-child(1) span:before {
  content: 'Credit';
}
#scrollWidget .owl-pagination .owl-page:nth-child(2) span:before {
  content: 'Free';
}
#scrollWidget .owl-pagination .owl-page:nth-child(3) span:before {
  content: 'Level';
}
#scrollWidget .owl-pagination .owl-page:nth-child(4) span:before {
  content: 'Credit';
}
#scrollWidget .owl-pagination .owl-page.active span {
  background: var(--color-white);
  box-shadow: 0 1px 3px 0 var(--color-overlay-dark);
  border-radius: 12px;
  color: var(--color-text-secondary);
}
#scrollWidget .owl-pagination .owl-page.active span:before {
  color: var(--color-text-secondary);
}
#scrollWidget .owl-pagination .owl-page span {
  width: auto;
  height: auto;
  background: none;
  opacity: 1 !important;
  font-size: 12px;
  display: block;
  padding: 2px 8px;
  margin: 0;
}

#platformWidget {
  background: var(--color-white) !important;
  border-radius: 20px;
  border: 1px solid var(--color-overlay-light) !important;
  padding: 25px 20px 5px !important;
  box-shadow: 0 2px 5px 0 var(--color-overlay-light),
    0 -1px 1px 0 var(--color-overlay-medium) inset;
}
#platformWidget > p {
  text-align: left;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--color-text-primary);
  margin-bottom: 12px;
}
#platformWidget a {
  display: block;
  border: 1px solid var(--color-overlay-light);
  box-shadow: 0 -1px 1px 0 var(--color-overlay-medium) inset;
  position: relative;
  border-radius: 12px;
  margin-bottom: 12px;
  text-align: left;
}
#platformWidget a:after {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55074_26964' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55074_26964)'%3E%3Cpath d='M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z' fill='black' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
#platformWidget a img {
  width: auto !important;
  max-height: 25px;
  margin: 5px 8px !important;
}

#accountStatusWidget .widget {
  padding: 24px 15px;
  display: flex;
  flex-wrap: wrap;
}
#accountStatusWidget .widget .widget-title {
  flex: 0 0 calc(100% - 56px);
  order: 2;
  padding-left: 15px;
}
#accountStatusWidget .widget .widget-subtitle {
  flex: 0 0 60%;
  margin: 0 !important;
  display: none;
}
#accountStatusWidget .widget .progress {
  margin: 0 !important;
}
#accountStatusWidget .widget .svg-holder {
  width: 56px;
  height: 56px;
  position: relative;
}
#accountStatusWidget .widget .svg-holder span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#accountStatusWidget .widget #customProgressSVG {
  display: block;
  width: 56px;
  height: 56px;
  transform: rotate(90deg);
  order: 1;
}
#accountStatusWidget .widget .widget-buttons {
  width: 100%;
  order: 3;
  display: block;
  padding-left: 71px;
  margin-top: -45px;
}
#accountStatusWidget .widget .widget-buttons .col {
  float: none;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
}
#accountStatusWidget .widget .widget-buttons .col a:hover {
  text-decoration: none !important;
}
#accountStatusWidget .widget .widget-buttons .col span {
  font-family: 'DM Sans', sans-serif;
  color: var(--color-text-primary) !important;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500 !important;
}
#accountStatusWidget .widget .widget-buttons .col span.text-success:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55428_26469' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55428_26469)'%3E%3Cpath d='M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z' fill='%230AAA0D'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
}
#accountStatusWidget .widget .widget-buttons .col span.text-danger:before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_55428_26475' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_55428_26475)'%3E%3Cpath d='M6 13V11H18V13H6Z' fill='black' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 5px;
}

.table > thead > tr > th {
  background: var(--color-overlay-light) !important;
}
.table tbody tr:nth-child(odd) > td,
.table tbody tr:nth-child(odd) > th {
  background: var(--color-white) !important;
}
.table tbody tr:nth-child(even) > td,
.table tbody tr:nth-child(even) > th {
  background: var(--color-background) !important;
}
.table tbody tr td:first-child {
  color: var(--color-primary);
}

.x-navigation.disclaimer-color,
.x-navigation.footer-color {
  display: none;
}

#accountStatusWidget .widget-buttons {
  margin-left: 0 !important;
  display: flex;
  justify-content: center;
}

#exposure_pie text {
  font-weight: 400 !important;
  color: var(--color-text-primary);
  transform: none !important;
  font-size: 36px !important;
}
#exposure_pie text + text {
  font-size: 24px !important;
  transform: translateY(20px) !important;
}

body {
  font-family: 'DM Sans', sans-serif;
}

html,
body {
  background: var(--color-background);
}

body:not(#Login):before {
  content: '';
  background: url("data:image/svg+xml,%3Csvg width='1092' height='322' viewBox='0 0 1092 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.31' filter='url(%23filter0_f_55074_26804)'%3E%3Cellipse cx='907' cy='-149' rx='587' ry='151' fill='%231D4ED8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_55074_26804' x='0' y='-620' width='1814' height='942' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='160' result='effect1_foregroundBlur_55074_26804'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
  width: 1092px;
  height: 322px;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

/* 
 * CSS Variables - Final Override Block
 * This block ensures our color variables have the highest priority
 * by being defined at the end of the stylesheet with html selector for higher specificity
 * html selector has higher specificity than :root, ensuring these override other definitions
 */
html,
html:root,
:root {
  /* Primary Colors */
  --color-primary: #1D4ED8;
  --color-primary-light: #3B82F6;
  --color-primary-bright: #2563EB;
  --color-primary-dark: #1E3A8A;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-background: #f8fafc;
  --color-background-alt: #f9f9f9;
  --color-background-light: #f5f5f5;

  /* Dark Background Colors */
  --color-bg-dark: #3d4e5d;
  --color-bg-dark-medium: #33414e;
  --color-bg-dark-deep: #273541;
  --color-bg-dark-border: #2f3c48;
  --color-bg-dark-border-deep: #23303b;

  /* Text Colors */
  --color-text-primary: #333333;
  --color-text-primary-dark: #434a54;
  --color-text-secondary: #656d78;
  --color-text-tertiary: #cccccc;
  --color-text-white: #ffffff;
  --color-text-black: #000000;

  /* Accent Colors */
  --color-accent-yellow: #ffd559;
  --color-accent-green: #95b75d;

  /* Overlay Colors */
  --color-overlay-light: rgba(0, 0, 0, 0.05);
  --color-overlay-medium: rgba(0, 0, 0, 0.1);
  --color-overlay-dark: rgba(0, 0, 0, 0.15);
  --color-overlay-very-light: rgba(0, 0, 0, 0.03);
  --color-overlay-shadow: rgba(0, 0, 0, 0.08);

  /* Primary Color Overlays */
  --color-primary-overlay-light: rgba(29, 78, 216, 0.1);
  --color-primary-overlay-medium: rgba(29, 78, 216, 0.5);

  /* Background Colors */
  --color-bg-white: var(--color-white);
  --color-bg-white-transparent: rgba(255, 255, 255, 0.85);

  /* Border Colors */
  --color-border-light: #e5e5e5;
  --color-border-medium: #cccccc;
  --color-border-dark: #bbbbbb;
  --color-border-white: #ffffff;
  --color-border-bg: #f5f5f5;

  /* Status Colors */
  --color-success: #95b75d;
  --color-error: #b64645;
  --color-warning: #ffd559;
}

/* 
 * Force Override Rules - Ensure our CSS variables override platform defaults
 * These rules use !important to ensure our color variables take precedence
 * over any hardcoded colors from the platform's default stylesheets
 */
.x-navigation {
  background: var(--color-bg-dark) !important;
  color: var(--color-text-primary) !important;
}

.x-navigation.x-navigation-horizontal {
  background: var(--color-bg-dark) !important;
  color: var(--color-text-primary) !important;
}

.x-navigation.x-navigation-horizontal.x-navigation-panel {
  background: var(--color-background) !important;
}

.x-navigation > li > a {
  color: var(--color-text-primary) !important;
}

.x-navigation > li > a:hover {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}

.x-navigation > li.active > a {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}

.main-header {
  background: var(--color-background) !important;
}

.main-header .x-navigation.x-navigation-horizontal > li > a {
  color: var(--color-text-primary) !important;
}

.main-header .x-navigation.x-navigation-horizontal > li > a:hover {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}

.page-sidebar .x-navigation {
  background: var(--color-background) !important;
}

.page-sidebar .x-navigation > li > a {
  color: var(--color-text-primary) !important;
}

.page-sidebar .x-navigation > li > a:hover {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}

.page-sidebar .x-navigation > li.active > a {
  background: var(--color-primary-overlay-light) !important;
  color: var(--color-text-primary) !important;
}

body {
  background: var(--color-background) !important;
  color: var(--color-text-primary) !important;
}

/*# sourceMappingURL=styles.css.map */