html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ecf4fc;
}

body.dark-mode {
  background: #161515;
  color: white;
}

.h3,
h3 {
  color: #337ab7;
}
.h4,
h4 {
  color: #337ab7;
  text-transform: uppercase;
}
p {
  font-size: 17px;
  line-height: 24px;
  text-align: justify;
  color: #333;
}
.sonata-bc .navbar-inner {
  text-shadow: none;
}

.sonata-bc .navbar-inner {
  background-color: #162d41;
  background-image: linear-gradient(to bottom, #112231, #346590);
}

.sonata-bc .navbar .brand {
  color: #e8e5dc;
  text-shadow: none;
  font-weight: bold;
  font-size: 14px;
}

.sonata-bc .navbar .nav > li > a {
  color: #ffffff;
  text-shadow: none;
}

.sonata-bc .navbar .nav > li > a:hover {
  color: #aaaaaa;
}

/* ui-currency */
.ui-currency-pos {
  color: green;
  float: right;
}

.currency {
  color: green;
  text-align: right;
}

.ui-currency-neg {
  color: red;
  float: right;
}

.ui-currency-zero {
  color: blue;
  float: right;
}

/* tables */
td.category {
  font-weight: bold;
}

td.subcategory {
  padding-left: 30px !important;
}

/* dashboard */
#players > .smart-table {
  width: 100%;
}

/* Make the bootstrap table rows a bit shorter so we can fit more on the screen */
.sonata-bc .table td {
  line-height: 15px;
}

/* Make a 'thincolumn' we can use in lists (for event type icons at present) */
.sonata-ba-list-field-thincolumn {
  width: 15px;
}

/* Action text was getting hidden in the newest version of Sonata/Bootstrap */
.sonata-ba-list-field-actions .btn-group {
  font-size: 13px;
}

.sonata-ba-list-field-actions .btn-group a i {
  vertical-align: text-bottom;
}

/* Notes */
.notes-form {
  margin: 0 0 10px !important;
  text-align: center;
}

.notes {
  display: block;
  padding-left: 3px;
}

.notes .note .ismine {
  color: #49afcd !important;
}

.notes .note .username {
  font-weight: bold;
}

.notes .note .message {
}

.notes .note .date {
  float: right;
}

/* User block (top right area with profile, logout, etc) */
.user-block {
  color: #bbbbbb;
}

.user-block a {
  color: white;
}

.nav-collapse {
  /*margin:0px;*/
  /*padding:0px;*/
  /*font-family: "Times New Roman";*/
  /*font-size:14px;*/
  /*font-weight:bold;*/
  /*color:#6D6D6D;*/
  text-transform: uppercase;
}

.nav-collapse ul {
  /*height:26px;*/
  /*list-style:none;*/
  /*margin:0;*/
  /*padding:0;*/
}

.nav-collapse li {
  float: left;
  /*padding:0px;*/
}

.nav-collapse li a {
  /*color:#6D6D6D;*/
  display: block;
  font-weight: normal;
  /*line-height:26px;*/
  margin: 0px;
  /*padding:0px 25px;*/
  text-align: center;
  text-decoration: none;
}

.nav-collapse li a:hover,
.nav-collapse ul li:hover a {
  /*background: #ca9875 url("menu_images/hover.gif") bottom center no-repeat;*/
  color: #404040;
  /*text-decoration:none;*/
}

.nav-collapse li ul {
  background-color: #f9f9f9;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  /*width: 225px;*/
  width: 135px;
  z-index: 200;
  color: red;
  /*top:1em;
    /*left:0;*/
}

.nav-collapse li:hover ul {
  display: block;
}

.nav-collapse li li {
  /*background:url('menu_images/sub_sep.gif') bottom left no-repeat;*/
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  /*width: 225px;*/
  width: 135px;
}

.nav-collapse li:hover li a {
  background: none;
}

.nav-collapse li ul a {
  display: block;
  height: 26px;
  font-size: 13px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}

.nav-collapse li ul a:hover,
.nav-collapse li ul li:hover a {
  border: 0px;
  color: #ccc;
  text-decoration: none;
}

.nav-collapse p {
  clear: left;
}

.nav-collapse ul li ul li {
  position: relative;
}

.nav-collapse ul li ul li ul,
.nav-collapse ul li:hover ul li ul {
  display: none;
}

.nav-collapse ul li ul li:hover ul {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
}

.nav-collapse ul li ul li:hover ul li a {
  background: none;
  color: #6d6d6d;
}

.nav-collapse ul li ul li:hover ul li a:hover {
  color: #fff;
}

.notes {
  margin-bottom: 50px;
}

.form_dateFilter input {
  float: left;
}

.form_dateFilter label {
  margin-left: 20px;
}

.sonata-ba-content h1 {
  margin-top: 30px;
}

.losslimit label {
  display: inline-block;
}

.formclass label {
  margin-left: 7px;
  margin-right: 10px;
}

.form_dateFilter label {
  margin-right: 15px;
}

.stats_block {
  background-color: #ffffff;
  /*width: 95%;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #404040;
}
.breadcrumb {
  background-color: #f5f5f5;
  color: #404040;
}
.breadcrumb > .active {
  color: #404040 !important;
}
.sonata-bc .breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}
.status-blocked {
  background-color: #db9912;
  color: #fff;
}

.status-locked {
  background-color: #e7040f;
  color: #fff;
}

.dark-mode .newadmin-container {
  background: #1c1c1c;
}

.dark-mode .loginCart a {
  color: white;
}

.newadmin-container {
  background: #ffffff;
  padding: 15px;
  padding-bottom: 5px;
}

.newadmin-container .clearfix {
  border-bottom: 1px solid #fbb03b;
}

.newadmin-container .dropdown-menu {
  background: #fff;
}

.newadmin-container .admin-top-nav-wrap .dropdown-menu {
  background: transparent;
}

.newadmin-container .dropdown-menu a {
  color: #000 !important;
}

body.admin-nav-top .newadmin-container .admin-top-nav-wrap .dropdown-menu > li > a {
  color: inherit !important;
}

.newadmin-container nav.navbar-inverse ul li {
  color: #000 !important;
}

.newadmin {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1920px) {
  .newadmin {
    max-width: 1440px;
  }
}

@media screen and (max-width: 1440px) {
  .newadmin {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1280px) {
  .newadmin {
    max-width: 1024px;
  }
}

.newadmin .navigation-pagination .pagination {
  display: flex;
  align-items: center;
}

.newadmin .navigation-pagination .pagination span {
  padding: 8px;
}

.newadmin .navigation-pagination .pagination a {
  font-size: 14px;
  color: black;
}

.newadmin .navigation-pagination .pagination .current {
  background: #fbb03b;
  padding: 8px;
  color: white;
  border-radius: 4px;
}

.newadmin .download a {
  color: #fbb03b;
}

.newadmin .well {
  background-color: #ecf4fc;
}

.newadmin .well h4 {
  color: black;
}

.innerPageAdmin {
  min-height: 500px;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode label,
body.dark-mode p,
body.dark-mode span {
  color: white;
}

.dark-mode .innerFilterAdmin {
  background-color: #1c1c1c;
}

.dark-mode table {
  color: white;
}

.innerFilterAdmin {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 30px;
}

.dark-mode .newadmin .breadcrumb {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.newadmin .breadcrumb {
  background: #fbb03b;
}

.newadmin .breadcrumb li a,
.newadmin .breadcrumb li::before {
  color: white;
}

.innerFilterAdmin .btn-info {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.innerFilterAdmin .navbar {
  padding-left: 0;
}

.innerPageTitle {
  text-transform: none;
  color: #000;
  padding-left: 15px;
  border-left: 5px solid #fbb03b;
  line-height: 2;
}

.dark-mode .btn.btn-new {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.dark-mode .btn.btn-new:hover {
  background: linear-gradient(180deg, #4cdfd1 0%, #0ab9a9 100%);
}

.dark-mode .nav > li > a {
  color: white !important;
}

.dark-mode .newadmin-container nav.navbar-inverse ul li,
.dark-mode .newadmin-container nav.navbar-inverse ul li a {
  color: white !important;
}

.dark-mode .newadmin-container .dropdown-menu {
  background: #1c1c1c;
}

.btn.btn-new {
  background: #fbb03b;
  color: #fff;
  outline: none;
}

.btn.btn-new:hover {
  background: #2d8d84;
}

.dark-mode .stats_block .newadmin-table th {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.dark-mode .stats_block .newadmin-stats-table tr.category-row {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.dark-mode .stats_block .newadmin-table tr:nth-of-type(odd),
.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
  background: linear-gradient(180deg, #121212 0%, #262626 100%);
}

.dark-mode .stats_block .newadmin-table tr:nth-of-type(even) {
  background: linear-gradient(180deg, #353535 0%, #262626 100%);
}

.dark-mode .stats_block .newadmin-table td {
  color: white;
}

.dark-mode .stats_block {
  background-color: #161515;
}

/* Newadmin modal skin (Bootstrap 3) */
body.dark-mode .modal-backdrop.in {
  opacity: 0.85;
}

body.dark-mode .newadmin-modal .modal-content {
  background: linear-gradient(180deg, #121212 0%, #1f1f1f 100%);
  border: 1px solid rgba(251, 176, 59, 0.35);
  border-radius: 10px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
  color: #fff;
}

body.dark-mode .newadmin-modal .modal-header {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  color: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

body.dark-mode .newadmin-modal .modal-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  flex: 1 1 auto;
  text-align: left;
}

body.dark-mode .newadmin-modal .modal-header .close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 28px;
  line-height: 1;
  margin-top: -2px;
  float: none;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  margin-left: auto;
}

body.dark-mode .newadmin-modal .modal-body label {
  color: #fff;
}

body.dark-mode .newadmin-modal .form-control {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
}

body.dark-mode .newadmin-modal .form-control:focus {
  border-color: rgba(251, 176, 59, 0.65);
  box-shadow: 0 0 0 0.2rem rgba(251, 176, 59, 0.15);
}

body.dark-mode .newadmin-modal .modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.dark-mode .newadmin-modal .btn-primary {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
  border-color: transparent;
}

body.dark-mode .newadmin-modal .btn-secondary {
  background: #2b2b2b;
  border-color: #2b2b2b;
  color: #fff;
}

.dark-mode .newadmin .navigation-pagination .pagination .current {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.dark-mode .newadmin .navigation-pagination .pagination a {
  color: white;
}

.dark-mode .dataTables_wrapper .dataTables_length,
.dark-mode .dataTables_wrapper .dataTables_filter,
.dark-mode .dataTables_wrapper .dataTables_info,
.dark-mode .dataTables_wrapper .dataTables_processing,
.dark-mode .dataTables_wrapper .dataTables_paginate {
  color: white;
}

.stats_block .newadmin-table th {
  background: #fbb03b;
  color: white;
  text-transform: capitalize;
  padding: 15px;
  text-align: center;
}

.statsGraph {
  background: white;
}

.dark-mode .statsGraph {
  background: #272727;
}

.newadmin-table th a {
  color: #fff;
}

.stats_block .newadmin-stats-table tr.category-row {
  color: #fff;
  background: #fbb03b;
}

.stats_block .newadmin-table td {
  padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
}

.stats_block .newadmin-table td a {
  text-transform: capitalize;
  font-weight: 900;
}

.newadmin-login {
  height: 100%;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newadmin-login .formTitle {
  background-color: #fbb03b;
}

.newadmin-login img {
  height: 55px;
  margin-bottom: 24px;
}

.containerbody {
  height: 100%;
}

.container {
  color: #404040;
}

.flex {
  display: flex;
}

.column {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.btn-info {
  color: #fff;
  background-color: #333;
  border-color: #000;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #333;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #333;
  background-color: #fc0;
  border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.badge-alert {
  background-color: red;
}

.nav-pills {
  color: #404040;
}
.nav-pills > li > a {
  color: unset !important;
  background-color: #f5f5f5;
}
.row {
  margin-right: unset;
  margin-left: unset;
}

.ismine {
  font-weight: bolder;
  color: #fc0;
}

.admin-notes-form input {
  width: 100%;
  margin-bottom: 10px;
}
.admin-notes-form button {
  width: 100%;
  padding: 3px 12px 3px 12px;
}

.btn-activate {
  background-color: #337ab7;
  line-height: 1;
  padding: 4px 8px;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: unset;
}

.balance-offset {
  margin-left: 15px;
}

.image_admin_list {
  width: 216px;
  height: 100px;
}

.alert-error {
  background-color: #c4011c;
  border-color: #faebcc;
}
.alert-error hr {
  border-top-color: #f7e1b5;
}
.alert-error .alert-link {
  color: #337ab7;
}

.alert-error p {
  color: #fff;
}

/* Symfony flash alerts — readable on dark-mode admin shell */
body.dark-mode .container > .alert {
  border-radius: 8px;
}
body.dark-mode .container > .alert p,
body.dark-mode .container > .alert .close {
  opacity: 1;
}
body.dark-mode .container > .alert.alert-warning {
  background: #422006;
  border-color: #b45309;
  color: #fed7aa;
}
body.dark-mode .container > .alert.alert-warning p,
body.dark-mode .container > .alert.alert-warning .close {
  color: #fed7aa !important;
}
body.dark-mode .container > .alert.alert-info,
body.dark-mode .container > .alert.alert-notice {
  background: #0c4a6e;
  border-color: #0284c7;
  color: #e0f2fe;
}
body.dark-mode .container > .alert.alert-info p,
body.dark-mode .container > .alert.alert-notice p {
  color: #e0f2fe !important;
}
body.dark-mode .container > .alert.alert-success {
  background: #14532d;
  border-color: #16a34a;
  color: #dcfce7;
}
body.dark-mode .container > .alert.alert-success p {
  color: #dcfce7 !important;
}
body.dark-mode .container > .alert.alert-danger,
body.dark-mode .container > .alert.alert-error {
  background: #450a0a;
  border-color: #dc2626;
  color: #fecaca;
}
body.dark-mode .container > .alert.alert-danger p,
body.dark-mode .container > .alert.alert-error p {
  color: #fecaca !important;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 43px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.navbar-nav {
  flex-direction: inherit;
}

.navbar-nav > li > .dropdown-menu {
  position: absolute;
}

.navigation-pagination {
  text-align: right;
}
.download {
  text-align: right;
}

.img-on-click:hover {
  cursor: pointer;
}
.badge-warning {
  color: #343a40;
  background-color: #ffc107;
}
.badge-light {
  color: #ffffff;
  background-color: #dedede;
}
.badge-info {
  color: #ffffff;
  background-color: #17a2b8;
}
.badge-played {
  color: #ffffff;
  background-color: #17a2b8;
}
.badge-standby {
  color: #ffffff;
  background-color: #6c757d;
}
.badge-active {
  color: #ffffff;
  background-color: #28a745;
}

.badge-expired {
  color: #ffffff;
  background-color: #000000;
}

.btn-freespin {
  background-color: #337ab7;
}

.table_row_processing {
  background-color: #17a2b8 !important;
}
.table_row_done {
  background-color: aliceblue !important;
}
.cc_background {
  background-color: aliceblue !important;
}

.activemenu {
  background-color: #ffcc00;
}

.submenu {
  background-color: black;
  border-radius: 5px;
}
.submenu li a:hover {
  background-color: #ffcc00;
}
.submenu .dropdown-menu {
  background-color: #fff;
}
.submenu a {
  color: black !important;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item:hover .nav-link {
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */

.deposit_block {
  background-color: #23679e;
  border-radius: 10px;
}
.deposit_block h4 {
  color: #ffffff;
  text-align: center;
}

/* ---- Admin app shell: sidebar vs classic top nav (toggle: localStorage bw-admin-nav-layout) ---- */
.admin-app {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 0;
}

.admin-app__main {
  flex: 1;
  min-width: 0;
}

body.admin-nav-sidebar:not(.admin-login-page) .admin-app__main {
  margin-left: 268px;
}

body.admin-nav-top:not(.admin-login-page) .admin-sidebar,
body.admin-nav-top:not(.admin-login-page) .admin-sidebar-backdrop {
  display: none !important;
}

body.admin-nav-sidebar:not(.admin-login-page) .admin-top-nav-wrap {
  display: none;
}

.admin-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 268px;
  z-index: 1060;
  background: #121212;
  border-right: 1px solid rgba(251, 176, 59, 0.25);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.admin-sidebar__inner {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 10px 24px;
}

.admin-sidebar__brand {
  padding: 8px 6px 16px;
  border-bottom: 1px dashed rgba(251, 176, 59, 0.35);
  margin-bottom: 12px;
}

.admin-sidebar__brand-link {
  display: block;
}

.admin-sidebar__logo {
  max-height: 48px;
  width: auto;
  margin: 0 auto;
}

.admin-sidebar__section-label {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #a8906a;
  margin: 18px 8px 8px;
  font-weight: 600;
}

.admin-sidebar__section-label:first-child {
  margin-top: 0;
}

.admin-sidebar__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 6px;
  border-radius: 8px;
  background: linear-gradient(180deg, #2a2a2a 0%, #262626 100%);
  color: #f2f2f2 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid transparent;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.admin-sidebar__link:hover,
.admin-sidebar__link:focus {
  background: linear-gradient(180deg, #353535 0%, #2e2e2e 100%);
  border-color: rgba(251, 176, 59, 0.45);
  color: #fff !important;
}

.admin-sidebar__link.is-active {
  border-color: rgba(251, 176, 59, 0.65);
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
  color: #fff !important;
}

.admin-sidebar__icon {
  width: 1.15em;
  text-align: center;
  color: #fbb03b;
  flex-shrink: 0;
}

.admin-sidebar__link.is-active .admin-sidebar__icon {
  color: #fff;
}

.admin-sidebar__link span {
  flex: 1;
  text-align: left;
}

.admin-sidebar__chev {
  font-size: 11px;
  opacity: 0.65;
  flex-shrink: 0;
}

.admin-sidebar__chev--rot {
  transition: transform 0.2s ease;
}

.admin-sidebar__group .collapsed .admin-sidebar__chev--rot,
.admin-sidebar__link--toggle.collapsed .admin-sidebar__chev--rot {
  transform: rotate(-90deg);
}

.admin-sidebar__subwrap {
  padding: 4px 0 8px 8px;
  margin: -2px 0 6px;
  border-left: 2px solid rgba(251, 176, 59, 0.25);
  margin-left: 14px;
}

.admin-sidebar__sublink {
  display: block;
  padding: 8px 10px 8px 12px;
  margin-bottom: 2px;
  border-radius: 6px;
  color: #e0e0e0 !important;
  font-size: 13px;
  text-decoration: none !important;
}

.admin-sidebar__sublink:hover {
  background: rgba(251, 176, 59, 0.12);
  color: #fff !important;
}

.admin-sidebar__sublink.is-active {
  background: rgba(251, 176, 59, 0.22);
  color: #fbb03b !important;
  font-weight: 600;
}

.admin-sidebar-backdrop {
  display: none;
}

.admin-nav-layout-toggle {
  margin-right: 8px;
}

.admin-nav-layout-toggle .btn {
  padding: 6px 10px;
  font-size: 12px;
}

.admin-nav-layout-btn.is-active {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35);
  font-weight: 700;
}

.admin-sidebar-mobile-toggle {
  display: none;
  margin-right: 8px;
}

body.admin-nav-top:not(.admin-login-page) .admin-sidebar-mobile-toggle {
  display: none !important;
}

@media (max-width: 991px) {
  body.admin-nav-sidebar:not(.admin-login-page) .admin-app__main {
    margin-left: 0;
  }

  body.admin-nav-sidebar:not(.admin-login-page) .admin-sidebar-mobile-toggle {
    display: inline-block;
  }

  body.admin-nav-sidebar:not(.admin-login-page) .admin-sidebar {
    transform: translateX(-105%);
    transition: transform 0.25s ease;
  }

  body.admin-nav-sidebar:not(.admin-login-page).admin-sidebar-open .admin-sidebar {
    transform: translateX(0);
  }

  body.admin-nav-sidebar:not(.admin-login-page).admin-sidebar-open .admin-sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(0, 0, 0, 0.55);
  }
}

/* ---- Admin dashboard Chart.js (dashboard only; section sits below classic widgets) ---- */
.admin-dashboard-charts-row {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px dashed rgba(251, 176, 59, 0.35);
}

body:not(.dark-mode) .admin-dashboard-charts-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.admin-dashboard-charts {
  margin-bottom: 28px;
}

.admin-dash-charts-hint {
  font-size: 13px;
  color: #94a3b8;
  margin: 0 0 14px;
  padding: 0 4px;
  line-height: 1.45;
}

.admin-dash-charts-hint[hidden] {
  display: none !important;
}

.admin-dash-section-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}

.admin-dash-section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
  color: #fff;
  font-size: 18px;
  flex-shrink: 0;
}

.admin-dash-section-title {
  margin: 0 0 6px;
  font-size: 1.35rem;
  font-weight: 600;
  color: inherit;
}

.admin-dash-section-sub {
  margin: 0;
  font-size: 14px;
  color: #94a3b8;
  max-width: 52rem;
}

.admin-dash-trend-grid > [class*="col-"] {
  margin-bottom: 18px;
}

.admin-dash-card {
  position: relative;
  height: 100%;
  padding: 16px 18px 14px;
  border-radius: 12px;
  background: linear-gradient(180deg, #1e1e1e 0%, #181818 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

body:not(.dark-mode) .admin-dash-card {
  background: #fafafa;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

.admin-dash-card--accent-gold::before,
.admin-dash-card--accent-blue::before,
.admin-dash-card--accent-green::before,
.admin-dash-card--accent-orange::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
}

.admin-dash-card--accent-gold::before {
  background: linear-gradient(180deg, #fbb03b 0%, #a16b13 100%);
}

.admin-dash-card--accent-blue::before {
  background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%);
}

.admin-dash-card--accent-green::before {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
}

.admin-dash-card--accent-orange::before {
  background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%);
}

.admin-dash-card-title {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f8fafc;
}

body:not(.dark-mode) .admin-dash-card-title {
  color: #1a1a1a;
}

.admin-dash-card-sub {
  margin: 0 0 12px;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.4;
}

body:not(.dark-mode) .admin-dash-card-sub {
  color: #64748b;
}

.admin-dash-card-head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.admin-dash-card-head-row--tight {
  margin-bottom: 4px;
}

.admin-dash-inline-icon {
  margin-right: 8px;
  opacity: 0.9;
}

.admin-dash-chart-wrap {
  position: relative;
  height: 220px;
  margin: 0 -4px;
}

.admin-dash-chart-wrap--wide {
  height: 280px;
}

.admin-dash-card--wide {
  margin-top: 6px;
}

.admin-dash-card--flot .admin-dash-flot-inner {
  margin-top: 4px;
}

.dark-mode .admin-dash-flot-inner .tickLabel,
.dark-mode .admin-dash-flot-inner .legendLabel {
  color: #94a3b8 !important;
}

.admin-dash-card--stats .stats_block {
  margin-top: 4px;
  border-radius: 8px;
  overflow: hidden;
}

.admin-dash-activity-scroll {
  max-height: 320px;
  overflow-y: auto;
  margin: 8px -6px 0;
  padding-right: 4px;
}

.admin-dash-activity-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.admin-dash-activity-table thead th {
  text-align: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
  padding: 10px 12px 8px;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.35);
}

.admin-dash-activity-table tbody td {
  padding: 12px;
  border-bottom: 1px dashed rgba(148, 163, 184, 0.2);
  vertical-align: middle;
  color: #f1f5f9;
}

body:not(.dark-mode) .admin-dash-activity-table tbody td {
  color: #1e293b;
}

.admin-dash-activity-type {
  font-weight: 500;
  color: #f8fafc;
}

body:not(.dark-mode) .admin-dash-activity-type {
  color: #0f172a;
}

.admin-dash-user-link {
  display: inline-block;
  font-weight: 600;
  color: #4ade80 !important;
  margin-right: 8px;
  text-decoration: none !important;
}

.admin-dash-user-link:hover {
  text-decoration: underline !important;
  color: #86efac !important;
}

.admin-dash-user-name {
  font-size: 13px;
  color: #cbd5e1;
}

body:not(.dark-mode) .admin-dash-user-name {
  color: #475569;
}

.admin-dash-muted {
  color: #94a3b8 !important;
  font-size: 13px;
}

.admin-dash-amount {
  font-weight: 600;
  color: #f8fafc;
}

body:not(.dark-mode) .admin-dash-amount {
  color: #0f172a;
}

.admin-dash-empty-cell {
  text-align: center;
  padding: 24px !important;
}

/* ---- Top horizontal admin nav (admin-nav-top layout) ---- */
body.admin-nav-top:not(.admin-login-page) .header-internal {
  position: relative;
  z-index: 1200;
  overflow: visible;
}

body.admin-nav-top:not(.admin-login-page) .header-internal .newadmin,
body.admin-nav-top:not(.admin-login-page) .hdForm,
body.admin-nav-top:not(.admin-login-page) .newadmin-container,
body.admin-nav-top:not(.admin-login-page) .admin-top-nav-wrap,
body.admin-nav-top:not(.admin-login-page) .admin-top-nav-wrap .navbar,
body.admin-nav-top:not(.admin-login-page) .admin-top-nav-wrap .navbar-collapse {
  overflow: visible;
}

body.admin-nav-top:not(.admin-login-page) .admin-app__main > .containerbody {
  position: relative;
  z-index: 1;
}

body.admin-nav-top:not(.admin-login-page) .admin-top-nav-wrap {
  position: relative;
  z-index: 1201;
  margin-top: 6px;
  padding-bottom: 6px;
}

body.admin-nav-top .admin-top-nav-wrap .navbar.navbar-inverse {
  background: linear-gradient(168deg, rgba(26, 32, 30, 0.96) 0%, rgba(12, 14, 14, 0.99) 100%);
  border: 1px solid rgba(94, 234, 212, 0.18);
  border-radius: 14px;
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  min-height: 0;
  margin-bottom: 0;
  overflow: visible;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-collapse {
  border-top: none;
  box-shadow: none;
  overflow: visible;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 5px 4px;
  padding: 8px 10px 10px;
  margin: 0;
  float: none;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li {
  float: none;
  margin: 0;
  position: relative;
  flex: 0 0 auto;
  z-index: 2;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li.dropdown.open {
  z-index: 1210;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li > a {
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 12px !important;
  margin: 0;
  line-height: 1.25;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  border: 1px solid rgba(120, 200, 185, 0.16);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.18s ease;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li > a.dropdown-toggle::after {
  margin-left: 0.4em;
  vertical-align: 0.15em;
  opacity: 0.85;
}

body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li > a.dropdown-toggle .caret {
  display: none;
}

body.admin-nav-top .admin-top-nav-wrap .dropdown-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  float: none;
  margin: 0;
  padding: 6px;
  min-width: 210px;
  max-width: min(320px, 92vw);
  width: auto;
  list-style: none;
  border-radius: 12px;
  border: 1px solid rgba(94, 234, 212, 0.22);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
  z-index: 1211;
}

body.admin-nav-top .admin-top-nav-wrap .dropdown-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.admin-nav-top .admin-top-nav-wrap .dropdown-menu > li > a {
  display: block;
  padding: 9px 12px !important;
  margin: 2px 0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

body.admin-nav-top.dark-mode .admin-top-nav-wrap .navbar-nav > li > a {
  color: rgba(230, 248, 244, 0.92) !important;
}

body.admin-nav-top.dark-mode .admin-top-nav-wrap .navbar-nav > li > a:hover,
body.admin-nav-top.dark-mode .admin-top-nav-wrap .navbar-nav > li > a:focus,
body.admin-nav-top.dark-mode .admin-top-nav-wrap .navbar-nav > li.open > a {
  color: #f6fffd !important;
  background: rgba(94, 234, 212, 0.12);
  border-color: rgba(167, 243, 228, 0.35);
  box-shadow:
    0 0 0 1px rgba(94, 234, 212, 0.12),
    0 8px 22px rgba(0, 0, 0, 0.25);
  transform: translateY(-1px);
}

body.admin-nav-top.dark-mode .admin-top-nav-wrap .dropdown-menu {
  background: linear-gradient(168deg, rgba(26, 32, 30, 0.98) 0%, rgba(12, 14, 14, 0.99) 100%) !important;
}

body.admin-nav-top.dark-mode .admin-top-nav-wrap .dropdown-menu > li > a {
  color: rgba(236, 253, 245, 0.94) !important;
}

body.admin-nav-top.dark-mode .admin-top-nav-wrap .dropdown-menu > li > a:hover,
body.admin-nav-top.dark-mode .admin-top-nav-wrap .dropdown-menu > li > a:focus {
  background: rgba(94, 234, 212, 0.12);
  color: #fff !important;
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .navbar.navbar-inverse {
  background: linear-gradient(168deg, #f8fdfc 0%, #ecf8f6 100%);
  border-color: rgba(45, 141, 132, 0.2);
  box-shadow: 0 12px 36px rgba(15, 80, 70, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .navbar-nav > li > a {
  color: #1a4d45 !important;
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(45, 141, 132, 0.18);
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .navbar-nav > li > a:hover,
body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .navbar-nav > li > a:focus,
body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .navbar-nav > li.open > a {
  color: #06332c !important;
  background: rgba(204, 251, 241, 0.85);
  border-color: rgba(13, 148, 136, 0.35);
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .dropdown-menu {
  background: #fff !important;
  border-color: rgba(45, 141, 132, 0.18);
  box-shadow: 0 16px 40px rgba(15, 61, 54, 0.12);
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .dropdown-menu > li > a {
  color: #134038 !important;
}

body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .dropdown-menu > li > a:hover,
body.admin-nav-top:not(.dark-mode) .admin-top-nav-wrap .dropdown-menu > li > a:focus {
  background: rgba(204, 251, 241, 0.65);
  color: #042f2a !important;
}

@media (max-width: 991px) {
  body.admin-nav-top .admin-top-nav-wrap .navbar-nav {
    flex-direction: column;
    align-items: stretch;
  }

  body.admin-nav-top .admin-top-nav-wrap .navbar-nav > li > a {
    justify-content: flex-start;
  }

  body.admin-nav-top .admin-top-nav-wrap .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    max-width: none;
    margin-top: 4px;
    box-shadow: none;
  }
}