/* Minimal bridge to keep original new_template look while preserving legacy JS/markup.
   Goal: do NOT restyle components globally. Only fix background + legacy sidebar + jstree. */

:root{
  --bridge-bg:#15172b;
}

/* Ensure icon fonts resolve even if template font URLs 404.
   This file is loaded LAST, so these @font-face rules win. */

@font-face{
  font-family:"Line Awesome Free";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.woff") format("woff"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.ttf") format("truetype");
}

@font-face{
  font-family:"Line Awesome Free";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-regular-400.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-regular-400.woff") format("woff"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-regular-400.ttf") format("truetype");
}

@font-face{
  font-family:"Line Awesome Brands";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-brands-400.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-brands-400.woff") format("woff"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-brands-400.ttf") format("truetype");
}

/* Alias: some bundled Metronic styles reference "LineAwesome" */
@font-face{
  font-family:LineAwesome;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.woff") format("woff"),
    url("https://cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/fonts/la-solid-900.ttf") format("truetype");
}

@font-face{
  font-family:"Font Awesome 5 Free";
  src:
    url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/webfonts/fa-solid-900.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/webfonts/fa-solid-900.woff") format("woff"),
    url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/webfonts/fa-solid-900.ttf") format("truetype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:Flaticon2;
  /* Avoid CORS/404 noise: ensure Flaticon2 resolves without network.
     If you need exact Flaticon2 glyphs later, we can host the font files locally. */
  src: local("Arial");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

html,body{
  background:var(--bridge-bg) !important;
}

/* ===== Unified modal design (all pages) ===== */
body.fixed-sn.white-skin{
  --modal-bg:#171a33;
  --modal-bg-2:#1f2344;
  --modal-border:rgba(255,255,255,.10);
  --modal-text:#e8ecff;
  --modal-muted:#8f97b8;
  --modal-accent:#ffc529;
  --modal-accent-text:#24284b;
}

body.fixed-sn.white-skin .modal-backdrop.show{
  opacity:.62 !important;
  background:rgba(7,10,24,.82) !important;
  backdrop-filter:blur(2px);
}

body.fixed-sn.white-skin .modal .modal-content{
  background:var(--modal-bg) !important;
  color:var(--modal-text) !important;
  border:1px solid var(--modal-border) !important;
  border-radius:14px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.45) !important;
  overflow:hidden;
}

/* Language dropdown must be visible above modal */
body.fixed-sn.white-skin #ModalChangeLanguage .modal-content{
  overflow: visible !important;
}

/* Prevent modal layout constraints from clipping the language dropdown */
body.fixed-sn.white-skin #ModalChangeLanguage .modal-dialog{
  overflow: visible !important;
}
body.fixed-sn.white-skin #ModalChangeLanguage .modal-body{
  overflow: visible !important;
}
body.fixed-sn.white-skin #ModalChangeLanguage .select-wrapper{
  overflow: visible !important;
}

/* Material select dropdown: dark theme + readable text */
body.fixed-sn.white-skin .select-wrapper .dropdown-content.select-dropdown,
body.fixed-sn.white-skin .select-wrapper .dropdown-content{
  background: rgba(21, 23, 43, 0.98) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #e8ecff !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  height: auto !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3000 !important;
}

body.fixed-sn.white-skin .select-wrapper .dropdown-content li > span,
body.fixed-sn.white-skin .select-wrapper .dropdown-content li{
  color: #e8ecff !important;
}

body.fixed-sn.white-skin .select-wrapper .dropdown-content li.active,
body.fixed-sn.white-skin .select-wrapper .dropdown-content li.selected{
  background-color: rgba(244, 197, 66, 0.18) !important;
  color: #ffffff !important;
}

body.fixed-sn.white-skin .modal .modal-header{
  margin:0 !important;
  height:auto !important;
  min-height:60px;
  padding:14px 16px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg,#22274a,#1d2140) !important;
  color:var(--modal-text) !important;
}
body.fixed-sn.white-skin .modal .modal-header.gradient-card-header,
body.fixed-sn.white-skin .modal .modal-header.blue-gradient{
  background:linear-gradient(135deg,#22274a,#1d2140) !important;
}
body.fixed-sn.white-skin .modal .modal-title{
  color:var(--modal-text) !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}
body.fixed-sn.white-skin .modal .modal-header .close{
  margin:0 !important;
  padding:0 !important;
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:transparent !important;
  color:#bfc7e6 !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:300 !important;
}
body.fixed-sn.white-skin .modal .modal-header .close:hover{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
}
body.fixed-sn.white-skin .modal .modal-header .close span{
  color:inherit !important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size:24px !important;
  line-height:1 !important;
}
body.fixed-sn.white-skin .modal .modal-header .close::before,
body.fixed-sn.white-skin .modal .modal-header .close::after,
body.fixed-sn.white-skin .modal .modal-header .close span::before,
body.fixed-sn.white-skin .modal .modal-header .close span::after{
  content:none !important;
  display:none !important;
}

body.fixed-sn.white-skin .modal .modal-body{
  color:var(--modal-text) !important;
  background:var(--modal-bg) !important;
  overflow-x:hidden;
}
body.fixed-sn.white-skin .modal .modal-footer{
  border-top:1px solid rgba(255,255,255,.12) !important;
  background:var(--modal-bg) !important;
}

/* Form labels / helper text inside modals */
body.fixed-sn.white-skin .modal label,
body.fixed-sn.white-skin .modal .form-text,
body.fixed-sn.white-skin .modal small,
body.fixed-sn.white-skin .modal .text-muted{
  color:var(--modal-muted) !important;
}
body.fixed-sn.white-skin .modal .md-form .prefix{
  color:var(--modal-muted) !important;
}

/* Inputs / textareas / selects */
body.fixed-sn.white-skin .modal input.form-control,
body.fixed-sn.white-skin .modal textarea.form-control,
body.fixed-sn.white-skin .modal .md-form input,
body.fixed-sn.white-skin .modal .md-form textarea{
  background:var(--modal-bg-2) !important;
  color:#edf1ff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:8px !important;
  box-shadow:none !important;
  height:44px;
  padding:.55rem .8rem !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.fixed-sn.white-skin .modal textarea.form-control,
body.fixed-sn.white-skin .modal .md-form textarea{
  height:auto !important;
  min-height:96px;
  padding:.75rem .8rem !important;
}
body.fixed-sn.white-skin .modal input::placeholder,
body.fixed-sn.white-skin .modal textarea::placeholder{
  color:#9aa3c7 !important;
}
body.fixed-sn.white-skin .modal input.form-control:focus,
body.fixed-sn.white-skin .modal textarea.form-control:focus,
body.fixed-sn.white-skin .modal .md-form input:focus,
body.fixed-sn.white-skin .modal .md-form textarea:focus{
  border-color:rgba(255,197,41,.9) !important;
  box-shadow:0 0 0 3px rgba(255,197,41,.16) !important;
}

/* MDB select dropdown field */
body.fixed-sn.white-skin .modal .select-wrapper input.select-dropdown,
body.fixed-sn.white-skin .modal select.form-control,
body.fixed-sn.white-skin .modal select.form-select{
  background:var(--modal-bg-2) !important;
  color:#edf1ff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:8px !important;
  height:44px !important;
  box-shadow:none !important;
  padding:.55rem .8rem !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* MDB md-form normalization inside modals (prevents sideways overflow) */
body.fixed-sn.white-skin .modal .md-form{
  margin:0 0 14px !important;
  width:100% !important;
}
body.fixed-sn.white-skin .modal .md-form .prefix{
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:18px !important;
  font-size:16px !important;
  text-align:center !important;
}
body.fixed-sn.white-skin .modal .md-form .prefix ~ input,
body.fixed-sn.white-skin .modal .md-form .prefix ~ textarea,
body.fixed-sn.white-skin .modal .md-form .prefix ~ .select-wrapper input.select-dropdown{
  margin-left:0 !important;
  width:100% !important;
  padding-left:2.3rem !important;
}

/* Label spacing (both floating labels and helper labels) */
body.fixed-sn.white-skin .modal .md-form > label{
  left:.8rem !important;
  margin:0 !important;
  padding:0 .15rem !important;
  line-height:1.2 !important;
  color:var(--modal-muted) !important;
}
body.fixed-sn.white-skin .modal .md-form .prefix ~ label{
  left:2.25rem !important;
}

/* Change password modals: keep prefix centered and label stable on focus */
body.fixed-sn.white-skin #ModalChangePassword .md-form,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form{
  position:relative !important;
  margin-bottom:22px !important;
}
body.fixed-sn.white-skin #ModalChangePassword .md-form .prefix,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form .prefix{
  position:absolute !important;
  left:7px !important;
  top:18px !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:18px !important;
  line-height:1 !important;
}
body.fixed-sn.white-skin #ModalChangePassword .md-form .prefix ~ input,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form .prefix ~ input{
  padding-left:2.45rem !important;
}
body.fixed-sn.white-skin #ModalChangePassword .md-form > label,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form > label{
  left:2.25rem !important;
  top:12px !important;
  transform:none !important;
}
body.fixed-sn.white-skin #ModalChangePassword .md-form > label.active,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form > label.active{
  top:-8px !important;
  font-size:12px !important;
  background:var(--modal-bg) !important;
  padding:0 .25rem !important;
  border-radius:4px;
}
body.fixed-sn.white-skin #ModalChangePassword .md-form .form-text,
body.fixed-sn.white-skin #ModalUserChangePassword .md-form .form-text{
  margin-top:8px !important;
  padding-left:2.45rem !important;
}

/* Input-group prepend icons: remove legacy gray/white style */
body.fixed-sn.white-skin .modal .input-group-text{
  background:var(--modal-bg-2) !important;
  color:#cdd5f3 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:8px !important;
}
body.fixed-sn.white-skin .modal .input-group-prepend .input-group-text i{
  color:inherit !important;
}
body.fixed-sn.white-skin .modal .input-group>.form-control:not(:first-child),
body.fixed-sn.white-skin .modal .input-group>.form-select:not(:first-child){
  border-left-color:rgba(255,255,255,.14) !important;
}

/* Ensure icon buttons are perfectly centered in modals */
body.fixed-sn.white-skin .modal .btn-floating,
body.fixed-sn.white-skin .modal .btn-action,
body.fixed-sn.white-skin .modal .btn-balance-mod{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
body.fixed-sn.white-skin .modal .btn i,
body.fixed-sn.white-skin .modal .btn .fa,
body.fixed-sn.white-skin .modal .btn .fas,
body.fixed-sn.white-skin .modal .btn .far,
body.fixed-sn.white-skin .modal .btn .la{
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

/* Buttons in modal footer (consistent actions) */
body.fixed-sn.white-skin .modal .modal-footer .btn{
  height:40px !important;
  min-height:40px !important;
  border-radius:8px !important;
  padding:.45rem 1.05rem !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  box-shadow:none !important;
}
body.fixed-sn.white-skin .modal .modal-footer .btn-primary,
body.fixed-sn.white-skin .modal .modal-footer .btn-cyan,
body.fixed-sn.white-skin .modal .modal-footer .btn.btn-cyan{
  background:var(--modal-accent) !important;
  border-color:var(--modal-accent) !important;
  color:var(--modal-accent-text) !important;
}
body.fixed-sn.white-skin .modal .modal-footer .btn-primary:hover,
body.fixed-sn.white-skin .modal .modal-footer .btn-cyan:hover,
body.fixed-sn.white-skin .modal .modal-footer .btn.btn-cyan:hover{
  background:#f0b800 !important;
  border-color:#f0b800 !important;
  color:var(--modal-accent-text) !important;
}
body.fixed-sn.white-skin .modal .modal-footer .btn-danger,
body.fixed-sn.white-skin .modal .modal-footer .btn-outline-cyan,
body.fixed-sn.white-skin .modal .modal-footer .btn-outline-secondary{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#d8def4 !important;
}
body.fixed-sn.white-skin .modal .modal-footer .btn-danger:hover,
body.fixed-sn.white-skin .modal .modal-footer .btn-outline-cyan:hover,
body.fixed-sn.white-skin .modal .modal-footer .btn-outline-secondary:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#ffffff !important;
}

/* Edit User / Edit Player tabs: use yellow active tab, not red */
body.fixed-sn.white-skin #ModalEditUser .nav.md-pills .nav-link,
body.fixed-sn.white-skin #ModalEditPlayer .nav.md-pills .nav-link{
  background:rgba(255,255,255,.10) !important;
  color:#aeb6d7 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:4px !important;
}
body.fixed-sn.white-skin #ModalEditUser .nav.md-pills .nav-link.active,
body.fixed-sn.white-skin #ModalEditPlayer .nav.md-pills .nav-link.active{
  background:#ffc529 !important;
  border-color:#ffc529 !important;
  color:#24284b !important;
  box-shadow:none !important;
}

/* Edit Player: keep first input icon vertically centered with field */
body.fixed-sn.white-skin #ModalEditPlayer #ModalEditPlayerContent .input-group{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #ModalEditPlayerContent .input-group-prepend{
  display:flex !important;
  align-items:center !important;
  margin-right:6px !important; /* tiny gap between icon block and input */
}
body.fixed-sn.white-skin #ModalEditPlayer #ModalEditPlayerContent .input-group-prepend .input-group-text{
  height:44px !important;
  min-height:44px !important;
  width:40px !important;
  min-width:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
  border-radius:8px !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #ModalEditPlayerContent .input-group-prepend .input-group-text i{
  margin:0 !important;
  line-height:1 !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #ModalEditPlayerContent .form-modal-input{
  height:44px !important;
}

/* Edit User provider/commission cards: keep modal dark theme (no white blocks) */
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerProviders .card,
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .card,
body.fixed-sn.white-skin #ModalEditUser #EditUserProviders .card{
  background:transparent !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerProviders .card .card-body,
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .card .card-body,
body.fixed-sn.white-skin #ModalEditUser #EditUserProviders .card .card-body{
  background:#1b1f3d !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:8px !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerProviders .card .card-text,
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .card .card-text,
body.fixed-sn.white-skin #ModalEditUser #EditUserProviders .card .card-text{
  background:transparent !important;
}

/* Commission input suffix "%" alignment */
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .md-form{
  position:relative !important;
  margin:0 !important;
}
/* Commission % sign right-alignment for Edit Player */
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .commission-rate-input,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerCommissions .commission-rate-input-new{
  height:40px !important;
  padding-right:1.6rem !important; /* room for % sign */
}
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .commission-rate-input + label,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerCommissions .commission-rate-input-new + label{
  position:absolute !important;
  left:auto !important;
  right:.55rem !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  line-height:1 !important;
  color:#9aa3c7 !important;
  pointer-events:none !important;
  width:auto !important;
  font-size:12px !important;
  z-index:3 !important;
}
body.fixed-sn.white-skin #ModalEditPlayer #EditPlayerCommissions .commission-rate-input + label.active,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerCommissions .commission-rate-input-new + label.active{
  left:auto !important;
  right:.55rem !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  font-size:12px !important;
  background:transparent !important;
}

/* ===== New User modal: same style language as other modals ===== */
body.fixed-sn.white-skin #ModalNewUser .md-tabs{
  margin:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  background:transparent !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-tabs .nav-item{
  width:50% !important;
  text-align:center;
}
body.fixed-sn.white-skin #ModalNewUser .md-tabs .nav-link{
  margin:0 !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.08) !important;
  color:#aeb6d7 !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-tabs .nav-link.active{
  background:#ffc529 !important;
  border-color:#ffc529 !important;
  color:#24284b !important;
}

body.fixed-sn.white-skin #ModalNewUser .nav.md-pills .nav-link{
  background:rgba(255,255,255,.10) !important;
  color:#aeb6d7 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:4px !important;
}
body.fixed-sn.white-skin #ModalNewUser .nav.md-pills .nav-link.active{
  background:#ffc529 !important;
  border-color:#ffc529 !important;
  color:#24284b !important;
  box-shadow:none !important;
}

/* Align prefixes/icons with inputs in New User forms */
body.fixed-sn.white-skin #ModalNewUser .md-form{
  position:relative !important;
  margin:0 0 18px !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-form .prefix{
  position:absolute !important;
  left:10px !important;
  top:22px !important; /* center relative to input height */
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:18px !important;
  text-align:center !important;
  line-height:1 !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-form .prefix ~ input{
  height:44px !important;
  padding-left:2.3rem !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-form .prefix ~ label{
  left:2.3rem !important;
}
body.fixed-sn.white-skin #ModalNewUser .md-form small.form-text{
  display:block !important;
  padding-left:2.3rem !important;
  margin-top:6px !important;
}

/* Keep provider/commission blocks dark inside New User modal */
body.fixed-sn.white-skin #ModalNewUser #NewUserPlayerProviders .card,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerProviders .card,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerCommissions .card{
  background:transparent !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin #ModalNewUser #NewUserPlayerProviders .card .card-body,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerProviders .card .card-body,
body.fixed-sn.white-skin #ModalNewUser #NewUserManagerCommissions .card .card-body{
  background:#1b1f3d !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:8px !important;
}

/* Credit modals: remove legacy cyan in body controls */
body.fixed-sn.white-skin #ModalAddBalance .btn.cyan,
body.fixed-sn.white-skin #ModalDeductBalance .btn.cyan,
body.fixed-sn.white-skin #ModalAddBalance .btn.btn-cyan,
body.fixed-sn.white-skin #ModalDeductBalance .btn.btn-cyan{
  background:var(--modal-accent) !important;
  border-color:var(--modal-accent) !important;
  color:var(--modal-accent-text) !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn.cyan:hover,
body.fixed-sn.white-skin #ModalDeductBalance .btn.cyan:hover,
body.fixed-sn.white-skin #ModalAddBalance .btn.btn-cyan:hover,
body.fixed-sn.white-skin #ModalDeductBalance .btn.btn-cyan:hover{
  background:#f0b800 !important;
  border-color:#f0b800 !important;
  color:var(--modal-accent-text) !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn.btn-outline-cyan,
body.fixed-sn.white-skin #ModalDeductBalance .btn.btn-outline-cyan{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#d8def4 !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn.btn-outline-cyan:hover,
body.fixed-sn.white-skin #ModalDeductBalance .btn.btn-outline-cyan:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#ffffff !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn-balance-mod,
body.fixed-sn.white-skin #ModalDeductBalance .btn-balance-mod{
  box-shadow:none !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn-balance-mod i,
body.fixed-sn.white-skin #ModalDeductBalance .btn-balance-mod i{
  color:currentColor !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn-action-sub,
body.fixed-sn.white-skin #ModalDeductBalance .btn-action-sub{
  font-size:.78rem !important;
  padding:.42rem .72rem !important;
  margin-right:4px !important;
  margin-bottom:4px !important;
}
body.fixed-sn.white-skin #ModalAddBalance .btn-action-sub:last-child,
body.fixed-sn.white-skin #ModalDeductBalance .btn-action-sub:last-child{
  margin-right:0 !important;
}

/* Quick amount row: enforce visible spacing between blocks */
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-2 .input-group.col-12.p-0.text-center,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-2 .input-group.col-12.p-0.text-center{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-2 .input-group.col-12.p-0.text-center .btn-action-sub,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-2 .input-group.col-12.p-0.text-center .btn-action-sub{
  margin:0 !important; /* let gap control spacing */
}

/* Credit modals layout spacing */
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group.mb-3,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group.mb-3{
  align-items:center;
  display:flex !important;
  flex-wrap:nowrap !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group.mb-3 .form-modal-input,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group.mb-3 .form-modal-input{
  flex:1 1 0;
  min-width:0;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group.mb-3 .form-modal-input + .form-modal-input,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group.mb-3 .form-modal-input + .form-modal-input{
  margin-left:8px !important; /* gap between username and balance fields */
  border-radius:8px !important;
}

body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-4.align-items-center,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-4.align-items-center{
  margin-left:0 !important;
  margin-right:0 !important;
  gap:10px; /* gap between amount field and +/- buttons */
  display:flex !important;
  flex-wrap:nowrap !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-4.align-items-center > .input-group,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-4.align-items-center > .input-group{
  padding-left:0 !important;
  padding-right:0 !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-4.align-items-center > .input-group.col-8,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-4.align-items-center > .input-group.col-8{
  flex:1 1 auto;
  width:auto !important;
  max-width:calc(100% - 98px) !important; /* keep room for +/- controls */
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .row.mb-4.align-items-center > .input-group.col-4,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .row.mb-4.align-items-center > .input-group.col-4{
  flex:0 0 auto;
  width:90px !important;
  max-width:90px !important;
  margin-left:4px !important; /* keep tiny space from amount field */
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .btn-balance-mod,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .btn-balance-mod{
  margin:0 !important;
  position:static !important;
  flex:0 0 auto !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .btn-balance-mod + .btn-balance-mod,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .btn-balance-mod + .btn-balance-mod{
  margin-left:0 !important;
}

/* +100/+500 buttons: space between plus icon and value */
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .btn-action-sub i,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .btn-action-sub i{
  margin-right:6px !important;
}

/* Credit modals: keep prepend icons perfectly aligned with fields */
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group-prepend,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group-prepend{
  display:flex !important;
  align-items:center !important;
  margin-right:4px !important; /* tiny gap between icon addon and input */
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group-prepend .input-group-text,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group-prepend .input-group-text{
  height:44px !important;
  min-height:44px !important;
  width:36px !important;
  min-width:36px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  border-top-right-radius:8px !important;
  border-bottom-right-radius:8px !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .input-group-prepend .input-group-text i,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .input-group-prepend .input-group-text i{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1 !important;
  display:block !important;
}
body.fixed-sn.white-skin #ModalAddBalance #ModalAddBalanceContent .form-modal-input,
body.fixed-sn.white-skin #ModalDeductBalance #ModalDeductBalanceContent .form-modal-input{
  height:44px !important;
  flex:1 1 auto !important;
  width:auto !important;     /* prevent wrapping under addon */
  min-width:0 !important;
  margin-left:0 !important;
}

/* ===== Login page safety layout ===== */
body.login-page,
body.login-page .kt-grid.kt-grid--ver.kt-grid--root{
  min-height:100vh !important;
}
body.login-page .kt-grid.kt-grid--ver.kt-grid--root{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.login-page #kt_login{
  width:100% !important;
}
body.login-page .kt-login.kt-login--v1 .kt-login__wrapper{
  width:100% !important;
}
body.login-page .kt-login__body{
  width:100% !important;
  max-width:460px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.login-page .kt-login__form{
  width:100% !important;
}
body.login-page .kt-login__head,
body.login-page .language-switch-area{
  display:none !important;
}
body.login-page .kt-login__body{
  background:#1a1d3b !important;
  border-radius:20px !important;
  padding:36px 47px 28px !important;
  box-shadow:3px 3px 25px rgba(0,0,0,.55) !important;
}
body.login-page .kt-login__title{
  margin-bottom:24px !important;
}
body.login-page .kt-login__title .logo{
  display:block !important;
  width:52px;
  height:auto;
  margin:0 auto 12px !important;
}
body.login-page .kt-login__title > div{
  color:#91a0c3 !important;
  font-size:14px !important;
  font-weight:300 !important;
  line-height:1.2 !important;
}
body.login-page .kt-login__form label{
  color:#67738e !important;
  font-size:16px !important;
  margin-bottom:12px !important;
}
body.login-page .kt-login__form .form-control{
  background:#17192f !important;
  color:#f5f5f5 !important;
  border:0 !important;
  height:46px !important;
  font-size:18px !important;
}
body.login-page .kt-login__form .form-control::placeholder{
  color:#d5d3d3 !important;
}
body.login-page #dologin{
  width:100% !important;
  height:58px !important;
  border-radius:8px !important;
  border:0 !important;
  background:#ffc529 !important;
  color:#24284b !important;
  font-weight:700 !important;
  font-size:16px !important;
  letter-spacing:.02em;
}
body.login-page .login-card-divider{
  margin-top:30px;
  height:2px;
  width:100%;
  background:#13162f;
  opacity:.9;
}

/* ===== Top navbar: style like original header/topbar ===== */
body.fixed-sn.white-skin .navbar.double-nav{
  background:var(--bridge-bg) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  padding:0 14px !important;
  height:56px;
}
body.fixed-sn.white-skin .navbar.double-nav .button-collapse i{
  color:#67738e !important;
  font-size:20px;
}
body.fixed-sn.white-skin .navbar.double-nav .nav-custom{
  align-items:center;
}
body.fixed-sn.white-skin .navbar.double-nav .nav-link{
  color:#67738e !important;
  padding:0 10px !important;
  height:56px;
  display:flex !important;
  align-items:center !important;
}

/* Navbar: remove dividers/carets/close-like icons */
body.fixed-sn.white-skin .navbar.double-nav .nav-item,
body.fixed-sn.white-skin .navbar.double-nav .nav-link{
  border-left:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin .navbar.double-nav .nav-item:before,
body.fixed-sn.white-skin .navbar.double-nav .nav-item:after,
body.fixed-sn.white-skin .navbar.double-nav .nav-link:before,
body.fixed-sn.white-skin .navbar.double-nav .nav-link:after{
  content:none !important;
  display:none !important;
}
body.fixed-sn.white-skin .navbar.double-nav .dropdown-toggle::after,
body.fixed-sn.white-skin .navbar.double-nav #navbarSupportMenuLink::after,
body.fixed-sn.white-skin .navbar.double-nav #navbarDropdownMenuLink::after,
body.fixed-sn.white-skin .navbar.double-nav #userDropdown::after{
  display:none !important;
  content:none !important;
}
body.fixed-sn.white-skin .navbar.double-nav .support-icon-top{
  background-image:none !important;
}
body.fixed-sn.white-skin .navbar.double-nav .nav-link i{
  color:inherit !important;
  font-size:18px;
}
body.fixed-sn.white-skin .navbar.double-nav .own-username,
body.fixed-sn.white-skin .navbar.double-nav .own-balance{
  color:#d7def0 !important;
  font-weight:400;
}

/* Badge like template (small red dot/counter) */
body.fixed-sn.white-skin .navbar.double-nav .badge.red{
  background:#fd397a !important;
  border-radius:10px;
  min-width:18px;
  height:18px;
  line-height:18px;
  font-size:11px;
  padding:0 5px;
  margin-right:6px;
}

/* Dropdown menus in header */
body.fixed-sn.white-skin .navbar.double-nav .dropdown-menu{
  background:var(--bridge-bg) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
body.fixed-sn.white-skin .navbar.double-nav .dropdown-item{
  color:#d7def0 !important;
}
body.fixed-sn.white-skin .navbar.double-nav .dropdown-item:hover{
  background:rgba(255,255,255,.04) !important;
}

/* Desktop navbar: match original compact right cluster */
@media (min-width:1024px){
  body.fixed-sn.white-skin .navbar.double-nav{
    height:44px !important;
    min-height:44px !important;
    padding:0 10px !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .float-left{
    height:44px !important;
    display:flex !important;
    align-items:center !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom{
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-right:4px !important;
    padding-left:14px !important;
    border-left:1px solid rgba(255,255,255,.14) !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom .support-nav{
    display:none !important; /* keep only balance + bell + user */
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom .nav-link{
    height:44px !important;
    padding:0 7px !important;
    display:flex !important;
    align-items:center !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .own-balance,
  body.fixed-sn.white-skin .navbar.double-nav .own-username{
    font-size:12px !important;
    letter-spacing:.01em !important;
    color:#d7def0 !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .own-balance{
    margin-left:4px !important;
  }

  /* Match original topbar balance block (white, larger, no coin icon) */
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:first-child{
    margin-left: 5px !important;
    margin-top: 10px !important;
    width: 20% !important;
    min-width: 180px !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:first-child .nav-link{
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:first-child .nav-link i{
    display: none !important; /* hide coins icon */
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:first-child .own-balance{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  /* Match original compact right icon/user block */
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:nth-child(n+2){
    width: auto !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:last-child{
    padding-right: 5px !important;
  }
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:nth-child(2) .nav-link i,
  body.fixed-sn.white-skin .navbar.double-nav .nav-custom > .nav-item:nth-child(3) .nav-link i{
    font-size: 12px !important;
  }
}

/* Pixel-closer desktop topbar to original layout */
@media (min-width:1024px){
  body.fixed-sn.white-skin #kt_header,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav{
    height: 64px !important;
    min-height: 64px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav{
    padding: 0 8px !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom{
    margin-left: auto !important;
    margin-right: 4px !important;
    border-left: 0 !important;
    gap: 10px !important;
    height: 64px !important;
  }

  /* Balance block: white text, no icon, like original */
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom > .nav-item:first-child{
    width: auto !important;
    min-width: 140px !important;
    margin: 0 10px 0 0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom > .nav-item:first-child .nav-link{
    justify-content: flex-end !important;
    padding: 0 !important;
    height: 64px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom > .nav-item:first-child .nav-link i{
    display: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .own-balance{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* Keep only bell + user block, compact right */
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom .support-nav{
    display: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav #navbarDropdownMenuLink,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav #userDropdown{
    height: 64px !important;
    padding: 0 4px !important;
    display: flex !important;
    align-items: center !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav #navbarDropdownMenuLink i,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav #userDropdown i{
    font-size: 11px !important;
    color: #67738e !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .own-username{
    color: #7f89a8 !important;
    font-size: 11px !important;
    margin-left: 4px !important;
    font-weight: 400 !important;
  }
}

/* Final navbar mapping to original two-block concept:
   left text balance block + right compact icons/user block */
@media (min-width:1024px){
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .nav-custom{
    margin-left: auto !important;
    margin-right: 4px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-block{
    min-width: 170px !important;
    margin-right: 10px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-link{
    padding: 0 0 0 6px !important;
    height: 64px !important;
    justify-content: flex-start !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-link i{
    display: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-block .own-balance{
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-bell-block .nav-link{
    padding: 0 4px !important;
    height: 64px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-bell-block .nav-link i{
    font-size: 11px !important;
    color: #67738e !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-block #userDropdown{
    padding: 0 4px !important;
    height: 64px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-block #userDropdown i{
    font-size: 11px !important;
    color: #67738e !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-block .own-username{
    color: #d7def0 !important;
    font-size: 11px !important;
    margin-left: 4px !important;
    font-weight: 400 !important;
  }
}

/* Keep main content below fixed header (do NOT affect inner .kt-content blocks) */
body.fixed-sn.white-skin #kt_content{
  padding-top:72px !important;
  padding-left:0 !important;
}
body.fixed-sn.white-skin .tree.kt-content{
  padding-top:0 !important;
}

/* ===== Search button (yellow + aligned) ===== */
body.fixed-sn.white-skin .planetabet-border #btn_search{
  background:#ffb822 !important;
  border:0 !important;
  border-radius:0 7px 7px 0 !important;
  color:#15172b !important;
  height:44px !important;
  width:44px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
body.fixed-sn.white-skin .planetabet-border #btn_search.pt-2{
  padding-top:0 !important;
}
body.fixed-sn.white-skin .planetabet-border #btn_search i{
  margin:0 !important;
  font-size:18px;
}

body.fixed-sn.white-skin .planetabet-border #UserSearch{
  height:44px !important;
}

/* Align absolute search button wrapper with input */
body.fixed-sn.white-skin .planetabet-border .col-lg-5{
  position:relative;
}
body.fixed-sn.white-skin .planetabet-border .col-lg-5 .mr-4{
  position:absolute !important;
  right:-0.5rem !important;
  top:0.18rem !important; /* move down by ~1px */
}

/* ===== Global cyan buttons -> yellow (reports + everywhere) =====
   Reports use: <button class="btn btn-sm btn-cyan ... custom_button" id="search" ...>
   Also there are active-state overrides in datepicker-fix.css, so we cover them too. */
body.fixed-sn.white-skin .btn.btn-cyan,
body.fixed-sn.white-skin button.btn.btn-cyan,
body.fixed-sn.white-skin button.btn-cyan,
body.fixed-sn.white-skin .btn-cyan,
body.fixed-sn.white-skin .custom_button{
  background:#f4c542 !important;
  border-color:#f4c542 !important;
  color:#10122a !important;
}
body.fixed-sn.white-skin .btn.btn-cyan:hover,
body.fixed-sn.white-skin button.btn.btn-cyan:hover,
body.fixed-sn.white-skin button.btn-cyan:hover,
body.fixed-sn.white-skin .btn-cyan:hover,
body.fixed-sn.white-skin .custom_button:hover{
  background:#f6cf62 !important;
  border-color:#f6cf62 !important;
  color:#10122a !important;
}
body.fixed-sn.white-skin .btn.btn-cyan:active,
body.fixed-sn.white-skin button.btn.btn-cyan:active,
body.fixed-sn.white-skin button.btn-cyan:active,
body.fixed-sn.white-skin .btn-cyan:active,
body.fixed-sn.white-skin .btn-cyan:not([disabled]):not(.disabled).active,
body.fixed-sn.white-skin .show > .btn-cyan.dropdown-toggle{
  background:#f4c542 !important;
  border-color:#f4c542 !important;
  color:#10122a !important;
}

/* ===== Table action buttons (OPERACIONES + ACCIONES): same as template .btn-active =====
   Requirement: ALL buttons must be yellow with same text color. */
body.fixed-sn.white-skin #users a.btn-action,
body.fixed-sn.white-skin #users button.btn-action{
  background-color:#ffc529 !important;
  border-color:#ffc529 !important;
  color:#24284b !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  text-align:center !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin #users a.btn-action:hover,
body.fixed-sn.white-skin #users button.btn-action:hover{
  background-color:#f0b800 !important;
  border-color:#f0b800 !important;
  color:#24284b !important;
}
body.fixed-sn.white-skin #users a.btn-action i,
body.fixed-sn.white-skin #users button.btn-action i{
  margin:0 !important;
  line-height:1 !important; /* override datepicker-fix.css (.btn-action i { line-height:30px }) */
  display:block !important;
  text-align:center !important;
  padding-right:0 !important; /* override template .btn.btn-sm i padding-right */
  color:#24284b !important;
}

/* Force icon color inside action buttons */
body.fixed-sn.white-skin #users a.btn-action .fa,
body.fixed-sn.white-skin #users a.btn-action .fas,
body.fixed-sn.white-skin #users a.btn-action .far,
body.fixed-sn.white-skin #users a.btn-action .fal,
body.fixed-sn.white-skin #users a.btn-action .fab,
body.fixed-sn.white-skin #users a.btn-action .la,
body.fixed-sn.white-skin #users a.btn-action [class^="la-"],
body.fixed-sn.white-skin #users a.btn-action [class*=" la-"],
body.fixed-sn.white-skin #users button.btn-action .fa,
body.fixed-sn.white-skin #users button.btn-action .fas,
body.fixed-sn.white-skin #users button.btn-action .far,
body.fixed-sn.white-skin #users button.btn-action .fal,
body.fixed-sn.white-skin #users button.btn-action .fab,
body.fixed-sn.white-skin #users button.btn-action .la,
body.fixed-sn.white-skin #users button.btn-action [class^="la-"],
body.fixed-sn.white-skin #users button.btn-action [class*=" la-"]{
  color:#24284b !important;
}
body.fixed-sn.white-skin #users a.btn-action svg,
body.fixed-sn.white-skin #users button.btn-action svg{
  fill:#24284b !important;
}

@media (max-width: 575.98px){
  body.fixed-sn.white-skin #users td.users-row-actions2{
    white-space:normal !important;
    vertical-align:middle !important;
  }
  body.fixed-sn.white-skin #users td.users-row-actions2 .btn-action{
    margin:2px !important;
  }
}

/* ===== Users tabs: no outline, flush to table, no rounded container ===== */
body.fixed-sn.white-skin .col-lg-9 .kt-portlet{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin .col-lg-9 .kt-portlet__head{
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  background:transparent !important;
}
body.fixed-sn.white-skin .col-lg-9 .kt-portlet__head .w-100{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs{
  margin:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  padding-left:0 !important;
  border:0 !important;
  list-style:none !important;
  background:transparent !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow:hidden !important;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs > li{
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
}
/* Prevent column overflow while preserving original 9/3 Bootstrap widths */
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs{
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.4rem !important; /* Spacing between tabs */
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs > li{
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .section_select{
  border:1px solid rgba(255,255,255,.14) !important; /* Full border for each tab */
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:8px 8px 0 0 !important;
  margin:0 !important;
  position:relative;
  bottom:0 !important;
  background:rgba(21,23,43,.92) !important; /* inactive like template */
  color:rgba(215,222,240,.92) !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  font-size:12px !important; /* compact like original */
  font-weight:600 !important;
  line-height:1.1 !important;
  padding:10px 8px !important;
  text-transform:none !important;
  z-index:1;
  transition: all 0.2s ease-in-out;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .section_select::after{
  display: none !important;
}
/* Some template/button utility classes may force white; override */
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .btn-label-white.section_select{
  background:rgba(21,23,43,.92) !important;
  color:rgba(215,222,240,.92) !important;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .section_select.group-active{
  background:#ffffff !important; /* active white */
  color:#2b2d42 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  margin-bottom:-1px !important; /* sit on top of body border */
  z-index:2;
}
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .section_select.group-active::after{
  display: none !important;
}

/* Hover state for inactive tabs */
body.fixed-sn.white-skin .col-lg-9 ul.nav.nav-tabs.custom-main-tabs .section_select:not(.group-active):hover{
  background:rgba(255,255,255,.10) !important; /* Highlight with white tint on hover */
  color:#ffffff !important;
  border-color:rgba(255,255,255,.30) !important; /* Brighter border on hover */
}

/* User Info Modal Colors */
body.fixed-sn.white-skin #ModalUserInfoContent{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p,
body.fixed-sn.white-skin #ModalUserInfoContent span,
body.fixed-sn.white-skin #ModalUserInfoContent li,
body.fixed-sn.white-skin #ModalUserInfoContent div {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p.text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent span.text-muted {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .text-dark,
body.fixed-sn.white-skin #ModalUserInfoContent .text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent span,
body.fixed-sn.white-skin #ModalUserInfoContent strong{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .text-muted {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .tree_element_root{
  color: #ffc529 !important;
}
body.fixed-sn.white-skin .col-lg-9 .kt-portlet__body{
  padding-top:0 !important;
  margin-top:0 !important;
  background:#ffffff !important; /* table area is white in original */
  border-top:1px solid rgba(0,0,0,.10) !important;
}
body.fixed-sn.white-skin .col-lg-9 .kt-portlet__body > .row{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Reports: remove default template padding inside portlets */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .kt-portlet .kt-portlet__body{
  padding:0 !important;
}

/* Ensure wrapper stays white even if template changes */
body.fixed-sn.white-skin .col-lg-9 #users_wrapper{
  background:#ffffff !important;
}
body.fixed-sn.white-skin .col-lg-9 #users{
  width:100% !important;
}

/* Keep legacy MDB layout from shifting content unexpectedly */
body.fixed-sn.white-skin main{
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
}
body.fixed-sn.white-skin .double-nav,
body.fixed-sn.white-skin footer{
  padding-left:0 !important;
}
body.fixed-sn.white-skin main.thin{
  padding-left:0 !important;
  margin-left:0 !important;
  padding-top:0 !important;
}
/* Override side_menu-min desktop offsets with same selector pattern */
@media (min-width:1024px){
  .fixed-sn .double-nav,
  .fixed-sn main,
  .fixed-sn footer{
    padding-left:0 !important;
  }
  .fixed-sn main{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  main.thin{
    padding-left:0 !important;
  }
}
@media (min-width:1200px){
  main.thin{
    padding-left:0 !important;
  }
}
@media (min-width:1601px){
  main.thin{
    padding-left:0 !important;
  }
}

/* Force sidebar background */
body.fixed-sn.white-skin #slide-out.side-nav.fixed,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.wide{
  background:var(--bridge-bg) !important;
}
body.fixed-sn.white-skin #slide-out .sidenav-bg,
body.fixed-sn.white-skin #slide-out .mask-strong{
  display:none !important;
}

/* Ensure logo visible */
body.fixed-sn.white-skin #slide-out #main-logo{
  display:block !important;
}

/* New user button (legacy logic) should be visible */
body.fixed-sn.white-skin #NewUserButton{
  display:inline-flex;
}

/* ===== Sidebar: style MDB collapsible as template kt-aside ===== */
body.fixed-sn.white-skin #slide-out.side-nav.fixed,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.wide{
  width:220px !important;
  max-width:220px !important;
  background:var(--bridge-bg) !important;
  box-shadow:none !important;
  border-right:0 !important;
}

/* push content like original aside */
body.fixed-sn.white-skin .kt-page .kt-wrapper{
  margin-left:220px !important;
  padding-left:0 !important;
}
/* Prevent metronic default aside padding from shrinking center area */
body.fixed-sn.white-skin .kt-aside--fixed .kt-wrapper,
body.fixed-sn.white-skin .kt-aside--fixed.kt-aside--minimize .kt-wrapper{
  padding-left:0 !important;
}
@media (max-width:1023px){
  body.fixed-sn.white-skin .kt-page .kt-wrapper{margin-left:0 !important;}
}

/* Users page layout: reduce only left gap after sidebar */
@media (min-width:1024px){
  body.fixed-sn.white-skin #kt_content > .container-fluid.mb-2.px-1.px-md-3{
    padding-left:0 !important;
  }
  body.fixed-sn.white-skin #kt_content .kt-grid.row.flex-lg-row > .col-lg-9 .kt-content{
    padding-left:0 !important;
  }
}

/* Sidebar collapsed mode */
body.fixed-sn.white-skin.sidebar-slim #slide-out.side-nav.fixed.slim{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  overflow: visible !important;
}
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim .side-nav{
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim .custom-scrollbar{
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out > ul {
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out .kt-aside__brand-tools{
  position:absolute !important;
  left: 78px !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding:0 !important;
  margin:0 !important;
  z-index: 1050 !important;
  display: block !important;
  width: 24px;
  height: 24px;
  visibility: visible !important;
  opacity: 1 !important;
}
body.fixed-sn.white-skin.sidebar-slim .kt-page .kt-wrapper{
  margin-left:72px !important;
}
@media (max-width:1023px){
  body.fixed-sn.white-skin.sidebar-slim .kt-page .kt-wrapper{margin-left:0 !important;}
  body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim{
    width:56px !important;
    min-width:56px !important;
    max-width:56px !important;
    background:var(--bridge-bg) !important;
  }
  body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a,
  body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a{
    width:40px !important;
    margin:0 auto !important;
  }
}
body.fixed-sn.white-skin.sidebar-slim #slide-out{
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out .logo-sn{
  padding:12px 0 !important;
  justify-content:center !important;
  position: relative !important;
  overflow: visible !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out .logo-sn .text-center{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out .kt-aside__brand-tools{
  position:absolute !important;
  right: -24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding:0 !important;
  margin:0 !important;
  z-index: 1050 !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out .kt-aside__brand-aside-toggler{
  padding: 4px !important;
  transform: rotate(180deg) !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #main-logo{
  max-height:32px !important;
  max-width:32px !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a{
  justify-content:center !important;
  gap:0 !important;
  padding:0 !important;
  width:44px !important;
  margin:0 auto !important;
  text-align:center !important;
}
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a{
  justify-content:center !important;
  gap:0 !important;
  padding:0 !important;
  width:44px !important;
  margin:0 auto !important;
  text-align:center !important;
}
/* Make sure side nav item takes up standard height and centers content when slim */
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 0 !important;
  width:44px !important;
  height:44px !important;
  margin:0 auto !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active:before,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active:before{
  display:none !important;
}

body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active i,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:0 !important;
  width:22px !important;
  height:44px !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active i:first-child,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active i:first-child,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active i.fas,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active i.far,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active i.fas,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim a.is-active i.far,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul i,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul i{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:0 !important;
  width:22px !important;
  height:44px !important;
}

body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a.collapsible-header > i:first-child,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom > i:first-child,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a.collapsible-header > i:first-child,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a.collapsible-header-custom > i:first-child{
  margin:0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:44px !important;
  width:22px !important;
}
/* Hide chevron arrows on non-collapsible items like Usuarios */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-up,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-down {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i:last-child {
    display: none !important;
}

body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-down {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-down,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.rotate-icon {
  display: none !important;
}

/* Extra specificity just for active elements on main items */
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-down {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}

/* User Info Modal Colors */
body.fixed-sn.white-skin #ModalUserInfoContent,
body.fixed-sn.white-skin #ModalUserInfoContent * {
  color: var(--modal-text) !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .text-dark,
body.fixed-sn.white-skin #ModalUserInfoContent .text-muted {
  color: var(--modal-text) !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .tree_element_root {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a > span{
  display:none !important;
}
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a > span{
  display:none !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a > i.fa-angle-right,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a > i.fa-angle-down,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a > i.rotate-icon,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a > i:last-child {
  display:none !important;
}
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a > i.fa-angle-down,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a > i.rotate-icon,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a > i:last-child {
  display:none !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul .collapsible-body{
  display:none !important;
}
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul .collapsible-body{
  display:none !important;
}

/* Brand / logo area */
body.fixed-sn.white-skin #slide-out .logo-sn{
  padding:12px 12px !important;
  min-height:117px !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.fixed-sn.white-skin #slide-out .logo-sn .text-center{
  width:100%;
  min-height:81px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.fixed-sn.white-skin #slide-out #main-logo{
  max-height:102px !important;
  height:auto !important;
  width:auto !important;
  opacity:1;
}

/* Menu list baseline */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul{
  margin:0 !important;
  padding:12px 10px 18px !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul{
  padding:12px 0 18px !important;
}

/* Specific fix to ensure active menu item does not show right arrow in normal mode either */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-up {
  color:#67738e !important;
  display:inline-flex !important;
  margin-left:auto !important;
  width:auto !important;
}

body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-up {
  display:none !important;
}

/* Mobile collapsed sidebar: remove yellow strip artifact */
@media (max-width:1023px){
  body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active{
    background: transparent !important;
    border-color: transparent !important;
  }
  body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active:before{
    display: none !important;
    content: none !important;
  }
}

/* Fix Affiliates and Players numbers color in User Info Modal */
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a:hover,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a div {
  color: #e8ecff !important;
}

/* Fix language select input padding to prevent text overlapping flag icon */
body.fixed-sn.white-skin #RequestLanguage .select-wrapper input.select-dropdown {
  padding-left: 40px !important;
}

/* Seamless styling for report cards to match kt-portlet */
body.fixed-sn.white-skin #kt_content .card {
  background: rgba(18, 20, 39, 0.4) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  border-radius: 8px;
  box-shadow: none !important;
}
body.fixed-sn.white-skin #kt_content .card .card-body {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content h5, 
body.fixed-sn.white-skin #kt_content .card-title {
  color: #fff !important;
}

/* Make tables inside #kt_content dark to match index.php */
body.fixed-sn.white-skin #kt_content table {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content table thead th {
  background-color: rgb(21, 23, 43) !important;
  color: #fff !important;
  border-bottom: 2px solid rgb(62, 70, 105) !important;
}
body.fixed-sn.white-skin #kt_content table tbody td {
  border-bottom: 1px solid rgb(62, 70, 105) !important;
  background-color: transparent !important;
}
body.fixed-sn.white-skin #kt_content table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.fixed-sn.white-skin #kt_content table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
body.fixed-sn.white-skin #kt_content .dataTables_info,
body.fixed-sn.white-skin #kt_content .dataTables_length,
body.fixed-sn.white-skin #kt_content .dataTables_filter {
  color: #a7abc3 !important;
}

/* Reports tables: make white background (tbody + header) */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide table {
  color: #15172f !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide table thead th {
  background-color: #ffffff !important;
  color: #15172f !important;
  border-bottom: 2px solid rgba(62, 70, 105, 0.35) !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide table tbody td {
  background-color: #ffffff !important;
  color: #15172f !important;
  border-bottom: 1px solid rgba(62, 70, 105, 0.35) !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide table tbody tr:hover {
  background-color: #f6f7fb !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f6f7fb !important;
}

/* Alerts are rendered with class "show" in markup; keep hidden by default.
   JS shows them via fadeIn() when needed, so do NOT use !important here. */
body.fixed-sn.white-skin #UsersAlert,
body.fixed-sn.white-skin #SuccessAlert,
body.fixed-sn.white-skin #ErrorAlert {
  display: none;
}

/* Style md-form inputs inside reports to be dark */
body.fixed-sn.white-skin #kt_content .card .md-form input[type="text"],
body.fixed-sn.white-skin #kt_content .card .md-form input[type="number"],
body.fixed-sn.white-skin #kt_content .card .md-form input.form-control,
body.fixed-sn.white-skin #kt_content .card .md-form input.datepicker,
body.fixed-sn.white-skin #kt_content .card .md-form input.timepicker {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  box-sizing: border-box !important;
  height: 44px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

body.fixed-sn.white-skin #kt_content .card .md-form label {
  color: #a7abc3 !important;
}

body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form label.active {
  /* Restore floating label behavior (prevents overlap on inputs like #UserSearch) */
  transform: translateY(-140%) !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Select dropdown wrapper in reports */
body.fixed-sn.white-skin #kt_content .card .select-wrapper input.select-dropdown {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  height: 44px !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

@media (min-width: 1024px){
  body.fixed-sn.white-skin #kt_header .navbar.double-nav{
    padding: 0 8px !important;
    height: 64px !important;
    min-height: 64px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-row{
    align-items: center !important;
    width: 100% !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-left{
    width: 70% !important;
    align-content: center !important;
    background: rgb(21, 23, 43) !important;
    overflow: hidden !important;
    padding: 5px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-balance{
    margin-left: 5px !important;
    margin-top: 15px !important;
    width: 20% !important;
    min-width: 170px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-balance-text,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-balance .own-balance{
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-controls{
    width: 10% !important;
    min-width: 140px !important;
    padding-right: 5px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-controls.kt-header__topbar{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-bell .kt-header__topbar-wrapper,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .kt-header__topbar-wrapper{
    padding: 0 2px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-bell .kt-header__topbar-icon i{
    color: #67738e !important;
    font-size: 11px !important;
  }
  body.fixed-sn.white-skin #kt_header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i{
    transition: all .3s !important;
    color: #c8cad5 !important;
    font-size: 1.4rem !important;
  }
  body.fixed-sn.white-skin #kt_header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i.unread-notification{
    color: #e74c3c !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-language .kt-header__topbar-wrapper{
    padding: 0 2px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-language .dropdown-toggle::after{
    display: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-language .famfamfam-flags{
    background-image: url("/images/famfamfam-flags.d4a4d7b033f5ad8d7261.e7d5bfbe.png") !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-language .famfamfam-flags{
    width: 16px !important;
    height: 11px !important;
    display: inline-block !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-bell .flaticon-alert-2.unread-notification{
    color: #67738e !important;
    font-size: 12px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .topbar-avatar{
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #f3f0df !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 4px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .topbar-avatar-img{
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: inline-block !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .topbar-avatar i{
    color: #7f89a8 !important;
    font-size: 10px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .own-username{
    color: #d7def0 !important;
    font-size: 11px !important;
    margin-left: 4px !important;
    font-weight: 400 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-bell .dropdown-toggle::after,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-original-user .dropdown-toggle::after{
    display: none !important;
  }
}

@media (min-width: 1024px){
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-right-cluster{
    margin-left: auto !important;
    margin-right: 8px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-wrap{
    min-width: 150px !important;
    text-align: right !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-balance-wrap .own-balance{
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-actions-wrap{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-icon-link,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-link{
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-icon-link{
    padding: 0 2px !important;
    position: relative !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-link{
    padding: 0 2px !important;
    gap: 6px !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-icon-link.dropdown-toggle::after,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-link.dropdown-toggle::after{
    display: none !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-bell-wrap i,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-wrap i{
    color: #66739a !important;
    font-size: 10px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav .topbar-user-wrap .own-username{
    color: #d7def0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav #NotificationsCount{
    top: 16px !important;
    right: -3px !important;
  }
}
@media (min-width:1024px){
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto{
    margin-left:auto !important;
    margin-right:6px !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    border-left:0 !important;
    padding-left:0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block{
    min-width:172px !important;
    margin-right:10px !important;
    border-left:0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block > a.topbar-balance-link{
    height:64px !important;
    padding:0 0 0 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block > a.topbar-balance-link i{
    display:none !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block .own-balance{
    color:#ffffff !important;
    font-size:18px !important;
    font-weight:500 !important;
    line-height:1 !important;
    margin:0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-bell-block,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-block{
    border-left:0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-bell-block > a#navbarDropdownMenuLink,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-block > a#userDropdown{
    height:64px !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:center !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-bell-block > a#navbarDropdownMenuLink i,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-block > a#userDropdown i{
    color:#67738e !important;
    font-size:11px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-block > a#userDropdown .own-username{
    color:#d7def0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    margin-left:4px !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster{
    display:flex !important;
    align-items:center !important;
    border-left:0 !important;
    gap:2px !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-bell-link,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link{
    height:64px !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:center !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-bell-link i,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link i{
    color:#67738e !important;
    font-size:11px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link .own-username{
    color:#d7def0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    margin-left:4px !important;
  }
}

@media (min-width:1024px){
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto{
    gap: 0 !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block{
    min-width: 150px !important;
    margin-right: 18px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block > a.topbar-balance-link{
    justify-content: flex-end !important;
    padding: 0 !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-balance-block .own-balance{
    font-size: 34px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
    transform: scale(0.52);
    transform-origin: right center;
    display: inline-block !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-bell-link,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link{
    height: 44px !important;
    padding: 0 2px !important;
    min-width: auto !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-bell-link::after,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link::after{
    display: none !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-bell-link i,
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link i{
    font-size: 10px !important;
    color: #66739a !important;
  }
  body.fixed-sn.white-skin #kt_header .navbar.double-nav ul.nav.nav-custom.navbar-nav.nav-flex-icons.ml-auto > li.topbar-user-cluster > a.topbar-user-link .own-username{
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #d9dff0 !important;
    margin-left: 6px !important;
    line-height: 1 !important;
  }

  body.fixed-sn.white-skin #kt_header .navbar.double-nav #NotificationsCount{
    top: 16px !important;
    right: -2px !important;
  }
}

/* Final override: keep report labels floating correctly (prevents overlaps). */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form label.active {
  transform: translateY(-140%) !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Keep non-active labels aligned with inputs on report forms. */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form label {
  top: 0.55rem !important;
}

/* Report inputs: keep label above, value below (before focus as well). */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form {
  position: relative !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form label,
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form label.active {
  left: 0.8rem !important;          /* a bit to the right */
  top: 0.12rem !important;          /* keep near top */
  transform: none !important;       /* stable position, no overlap jumps */
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
  pointer-events: none !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form input.form-control,
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form input[type="text"],
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form input.datepicker,
body.fixed-sn.white-skin #kt_content main.thin.auto-wide .card .md-form input.timepicker {
  padding-top: 1.25rem !important;  /* value slightly below label */
  padding-bottom: 0.3rem !important;
}


body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header > i:last-child:not(:first-child),
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header:not(.collapsible-header-custom) > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header:not(.collapsible-header-custom) > i.fa-angle-up,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header:not(.collapsible-header-custom) > i.fa-angle-down {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li{
  margin:6px 0 !important;
}

/* Top-level clickable row */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom{
  display:flex !important;
  align-items:center !important;
  gap:12px;
  height:44px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#ffc529 !important; /* All top level text yellow like screenshot */
  font-weight:400;
  border:1px solid transparent;
}

/* Prevent long sidebar section titles from overlapping (ellipsis) */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header > span,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom > span{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Submenu item titles (e.g. Charges and Withdrawals) also need ellipsis */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a.waves-effect{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a.waves-effect > span{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display:block !important;
}

/* Allow wrapping (2 lines) for Charges and Withdrawals only */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a.waves-effect > span[data-i18n="menu.chargesAndWithdrawals"]{
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-height: 1.15 !important;
}
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a.collapsible-header,
body.fixed-sn.white-skin.sidebar-slim #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a.collapsible-header,
body.fixed-sn.white-skin #slide-out.side-nav.fixed.slim #sidemenu_global_ul > li > a.collapsible-header-custom{
  padding:0 !important;
  width:44px !important;
  justify-content:center !important;
  gap:0 !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header:hover,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom:hover{
  background:rgba(255,255,255,.03) !important;
  color:#ffc529 !important;
}

/* Icons like template */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul i{
  font-size:18px;
  width:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  margin:0;
}

/* Top-level icons are yellow like original */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header > i:first-child,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.collapsible-header-custom > i:first-child{
  color:#ffc529 !important;
  font-size:16px;
}

/* Right chevrons in headers */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a > .fa-angle-right,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a > .fa-angle-down,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a > .fa-angle-up{
  margin-left:auto;
  color:#67738e !important; /* Right chevron grey like screenshot */
  opacity:.8;
  font-size:14px;
  transition: transform 0.3s ease;
  width:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.is-active > .fa-angle-right,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.is-active > .fa-angle-down,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.is-active > .fa-angle-up{
  color:#67738e !important;
}

body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out a.is-active > .fa-angle-right{
  transform: rotate(-90deg) !important; /* Point up when active */
}
body.fixed-sn.white-skin #slide-out a[aria-expanded="true"] > .fa-angle-down,
body.fixed-sn.white-skin #slide-out li.active > a > .fa-angle-down.rotate-icon{
  transform: rotate(180deg) !important; /* Point up when expanded */
}

/* Submenu container */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  margin-top:6px !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body > ul{
  padding:0 !important;
  margin:0 !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body > ul > li{
  margin:4px 0 !important;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a{
  display:flex !important;
  align-items:center !important;
  height:38px !important;
  padding:0 14px 0 52px !important;
  border-radius:8px !important;
  color:#67738e !important;
  background:transparent !important;
  font-size:13px;
  font-weight:400;
  gap: 12px;
}
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a:hover{
  background:rgba(255,255,255,.03) !important;
  color:#d7def0 !important;
}

/* Submenu icons should be muted (like eye icons in original) */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul .collapsible-body a i{
  color:#67738e !important;
  font-size:16px;
  width:auto;
  margin:0;
}

/* Active item highlight (based on current page URL) */
body.fixed-sn.white-skin #slide-out a.is-active{
  position:relative;
  background:rgba(255,197,41,.08) !important;
  border-color:rgba(255,197,41,.22) !important;
  color:#ffc529 !important;
}
body.fixed-sn.white-skin #slide-out a.is-active i:first-child{
  color:#ffc529 !important;
}
body.fixed-sn.white-skin #slide-out a.is-active i:last-child:not(:first-child){
  display:none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child:not(:first-child){
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-down {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:before{
  content:"";
  position:absolute;
  left:6px;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:18px;
  border-radius:2px;
  background:#ffc529;
  opacity:.9;
}

body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-up {
  color:#67738e !important;
  display:inline-flex !important;
  margin-left:auto !important;
  width:auto !important;
}

body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-up {
  display:none !important;
}

/* Fix Affiliates and Players numbers color in User Info Modal */
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a:hover,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a div {
  color: #e8ecff !important;
}

/* Fix language select input padding to prevent text overlapping flag icon */
body.fixed-sn.white-skin #RequestLanguage .select-wrapper input.select-dropdown {
  padding-left: 40px !important;
}

/* Seamless styling for report cards to match kt-portlet */
body.fixed-sn.white-skin #kt_content .card {
  background: rgba(18, 20, 39, 0.4) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  border-radius: 8px;
  box-shadow: none !important;
}
body.fixed-sn.white-skin #kt_content .card .card-body {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content h5, 
body.fixed-sn.white-skin #kt_content .card-title {
  color: #fff !important;
}

/* Make tables inside #kt_content dark to match index.php */
body.fixed-sn.white-skin #kt_content table {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content table thead th {
  background-color: rgb(21, 23, 43) !important;
  color: #fff !important;
  border-bottom: 2px solid rgb(62, 70, 105) !important;
}
body.fixed-sn.white-skin #kt_content table tbody td {
  border-bottom: 1px solid rgb(62, 70, 105) !important;
  background-color: transparent !important;
}
body.fixed-sn.white-skin #kt_content table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.fixed-sn.white-skin #kt_content table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
body.fixed-sn.white-skin #kt_content .dataTables_info,
body.fixed-sn.white-skin #kt_content .dataTables_length,
body.fixed-sn.white-skin #kt_content .dataTables_filter {
  color: #a7abc3 !important;
}

/* Style md-form inputs inside reports to be dark */
body.fixed-sn.white-skin #kt_content .card .md-form input[type="text"],
body.fixed-sn.white-skin #kt_content .card .md-form input[type="number"],
body.fixed-sn.white-skin #kt_content .card .md-form input.form-control,
body.fixed-sn.white-skin #kt_content .card .md-form input.datepicker,
body.fixed-sn.white-skin #kt_content .card .md-form input.timepicker {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  box-sizing: border-box !important;
  height: 44px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

body.fixed-sn.white-skin #kt_content .card .md-form label {
  color: #a7abc3 !important;
}

body.fixed-sn.white-skin #kt_content .card .md-form label.active {
  transform: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Select dropdown wrapper in reports */
body.fixed-sn.white-skin #kt_content .card .select-wrapper input.select-dropdown {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  height: 44px !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

/* Hide chevron arrows on non-collapsible items like Usuarios */
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-up,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i.fa-angle-down {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out #sidemenu_global_ul > li > a:not(.collapsible-header-custom) > i:last-child {
    display: none !important;
}

body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.collapsible-header:not(.collapsible-header-custom) i.fa-angle-down {
  display: none !important;
}

body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-down,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i.rotate-icon {
  display: none !important;
}

/* Extra specificity just for active elements on main items */
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-up,
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) i.fa-angle-down {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.collapsible-header.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) > i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}
body.fixed-sn.white-skin #slide-out a.is-active:not(.collapsible-header-custom) i:last-child {
  display: none !important;
}

/* jstree: mimic the simple dark nodes from template */
body.fixed-sn.white-skin #affiliates_tree{
  background:transparent !important;
}

/* User Info Modal Colors */
body.fixed-sn.white-skin #ModalUserInfo .modal-body{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body p{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .text-dark,
body.fixed-sn.white-skin #ModalUserInfo .modal-body .text-muted,
body.fixed-sn.white-skin #ModalUserInfo .modal-body span,
body.fixed-sn.white-skin #ModalUserInfo .modal-body strong{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body a{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body a:hover{
  color: var(--modal-accent) !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .tree_element_root{
  color: #ffc529 !important;
}

/* Specific text color fixes for User Info modal list items */
body.fixed-sn.white-skin #ModalUserInfo .modal-body li {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .d-flex span,
body.fixed-sn.white-skin #ModalUserInfo .modal-body .d-flex div {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .col-sm-5,
body.fixed-sn.white-skin #ModalUserInfo .modal-body .col-sm-7 {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .font-weight-bold {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p,
body.fixed-sn.white-skin #ModalUserInfoContent span,
body.fixed-sn.white-skin #ModalUserInfoContent li,
body.fixed-sn.white-skin #ModalUserInfoContent div {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li:not(.tree_element_root) {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li span,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li p,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li div,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li strong,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li.tree_element_root {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .text-dark {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .text-muted {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p.text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent span.text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent div.text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent .text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent .grey-text,
body.fixed-sn.white-skin #ModalUserInfoContent i {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent span{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent div{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent strong{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .font-weight-bold{
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent a {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent a:hover {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent p.text-muted,
body.fixed-sn.white-skin #ModalUserInfoContent span.text-muted {
  color: #8f97b8 !important;
}

/* User Info Modal Colors */
body.fixed-sn.white-skin #ModalUserInfo .modal-body {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .jstree-default .jstree-anchor {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .jstree-default .jstree-anchor.jstree-clicked {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body .jstree-default .jstree-anchor:hover {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent,
body.fixed-sn.white-skin #ModalUserInfoContent * {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent .tree_element_root {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li:not(.tree_element_root) {
  color: #8f97b8 !important;
}
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li span,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li p,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li div,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li strong,
body.fixed-sn.white-skin #ModalUserInfo .modal-body ul li.tree_element_root {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent a {
  color: #e8ecff !important;
}
body.fixed-sn.white-skin #ModalUserInfoContent a:hover {
  color: #ffc529 !important;
}
body.fixed-sn.white-skin #affiliates_tree .jstree-anchor{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:10px 10px !important;
  border-radius:5px !important;
  background-color:rgb(98, 98, 114) !important;
  color:#fff !important;
  font-family:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.2;
}
body.fixed-sn.white-skin #affiliates_tree > ul > li > a.jstree-anchor{
  color:rgb(255, 197, 41) !important;
  font-weight:300 !important;
}
body.fixed-sn.white-skin #affiliates_tree .jstree-ocl{
  width:18px !important;
  height:18px !important;
  background:none !important;
  margin-right:2px;
}
body.fixed-sn.white-skin #affiliates_tree .jstree-open > .jstree-ocl:before{
  content:"▾";
  color:#fff;
  font-size:16px;
}
body.fixed-sn.white-skin #affiliates_tree .jstree-closed > .jstree-ocl:before{
  content:"▸";
  color:#fff;
  font-size:16px;
}

/* Visual UI tree active state (matches selection) */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount .ui-treenode.ui-treenode--active{
  outline:none !important;
  box-shadow:none !important;
}

/* Match template spacing inside right tree portlet */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount{
  margin:2px;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount .ui-treenode{
  cursor:pointer;
  outline:none !important;
  box-shadow:none !important;
}
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount .ui-treenode:hover{
  filter:brightness(1.05);
}

/* Prevent browser focus rings from appearing around nodes */
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount .ui-treenode:focus,
body.fixed-sn.white-skin #kt_content main.thin.auto-wide #ui_tree_mount .ui-treenode:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin #slide-out a.is-active > i.fa-angle-up {
  color:#67738e !important;
  display:inline-flex !important;
  margin-left:auto !important;
  width:auto !important;
}

body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-right,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-down,
body.fixed-sn.white-skin.sidebar-slim #slide-out a.is-active > i.fa-angle-up {
  display:none !important;
}

/* Fix Affiliates and Players numbers color in User Info Modal */
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a:hover,
body.fixed-sn.white-skin #ModalViewInfo .modal-view-info-content a div {
  color: #e8ecff !important;
}

/* Fix language select input padding to prevent text overlapping flag icon */
body.fixed-sn.white-skin #RequestLanguage .select-wrapper input.select-dropdown {
  padding-left: 40px !important;
}

/* Seamless styling for report cards to match kt-portlet */
body.fixed-sn.white-skin #kt_content .card {
  background: rgba(18, 20, 39, 0.4) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  border-radius: 8px;
  box-shadow: none !important;
}
body.fixed-sn.white-skin #kt_content .card .card-body {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content h5, 
body.fixed-sn.white-skin #kt_content .card-title {
  color: #fff !important;
}

/* Make tables inside #kt_content dark to match index.php */
body.fixed-sn.white-skin #kt_content table {
  color: #fff !important;
}
body.fixed-sn.white-skin #kt_content table thead th {
  background-color: rgb(21, 23, 43) !important;
  color: #fff !important;
  border-bottom: 2px solid rgb(62, 70, 105) !important;
}
body.fixed-sn.white-skin #kt_content table tbody td {
  border-bottom: 1px solid rgb(62, 70, 105) !important;
  background-color: transparent !important;
}
body.fixed-sn.white-skin #kt_content table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.fixed-sn.white-skin #kt_content table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
body.fixed-sn.white-skin #kt_content .dataTables_info,
body.fixed-sn.white-skin #kt_content .dataTables_length,
body.fixed-sn.white-skin #kt_content .dataTables_filter {
  color: #a7abc3 !important;
}

/* Style md-form inputs inside reports to be dark */
body.fixed-sn.white-skin #kt_content .card .md-form input[type="text"],
body.fixed-sn.white-skin #kt_content .card .md-form input[type="number"],
body.fixed-sn.white-skin #kt_content .card .md-form input.form-control,
body.fixed-sn.white-skin #kt_content .card .md-form input.datepicker,
body.fixed-sn.white-skin #kt_content .card .md-form input.timepicker {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  box-sizing: border-box !important;
  height: 44px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

body.fixed-sn.white-skin #kt_content .card .md-form label {
  color: #a7abc3 !important;
}

body.fixed-sn.white-skin #kt_content .card .md-form label.active {
  transform: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Select dropdown wrapper in reports */
body.fixed-sn.white-skin #kt_content .card .select-wrapper input.select-dropdown {
  background: rgba(21, 23, 43, 0.92) !important;
  border: 1px solid rgb(62, 70, 105) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 0.55rem 0.8rem !important;
  height: 44px !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}