@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  background-color: #0a0a0a;
  font-family: "Exo 2", sans-serif;
}

a .action-items {
  color: #00e0ff;
  font-size: 18px;
  padding: 1px;
}

.bg-transparent {
  background-color: transparent;
}

.m-auto {
  margin: auto;
}

.bg-theme {
  background: #00e0ff;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

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

.p-action {
  padding: 0.4rem !important;
}

.navbar-header {
  height: 65px;
}
.navbar-header .header-mobile-item .header-top {
  background: #171717 !important;
  border-bottom: 1px solid #2e2f2f !important;
}
.navbar-header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-header .logo .logo-lg img {
  max-height: 60px;
  padding-block: 7px;
}
.navbar-header .right {
  display: flex;
  flex: 1;
  justify-content: end;
}
.navbar-header .right .whatsapp-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-header .right .whatsapp-container .whatsapp-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: #25D366;
  border-radius: 30px;
  color: #fff;
  font-size: 17px;
  gap: 7px;
  height: 32px;
}
.navbar-header .right .whatsapp-container .whatsapp-button span {
  line-height: 1;
  font-size: 15px;
}
.navbar-header .right .noti-icon i {
  color: #ffe400;
}
.navbar-header .header-item {
  max-height: 100%;
}
.navbar-header .header-mobile-item {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.navbar-header .header-mobile-item .left {
  display: flex;
  gap: 5px;
  align-items: center;
}
.navbar-header .header-mobile-item .right {
  display: flex;
  gap: 5px;
  align-items: center;
}
.navbar-header .header-mobile-item .right .btn-header-item {
  font-size: 20px;
  color: #fff;
}
.navbar-header .header-mobile-item .header-top {
  position: relative;
  background: #2e2f2f;
  padding-left: 15px;
  height: 45px;
  z-index: 3;
}
.navbar-header .header-mobile-item .header-bottom {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 10px;
  border-top: 1px solid #45484b;
  background: #171717;
  transition: 0.2s ease-in-out;
  z-index: 2;
}
.navbar-header .header-mobile-item .header-bottom .right {
  gap: 5px;
}
.navbar-header .header-mobile-item .header-bottom .right .btn.header-item {
  padding: 5px !important;
}
.navbar-header .header-mobile-item .header-bottom .right .btn.header-item img {
  height: 23px;
  width: 23px;
  max-height: 23px;
  max-width: 23px;
}
.navbar-header .header-mobile-item.slide-header-bottom .header-bottom {
  top: 52px;
}
.navbar-header #vertical-menu-btn {
  color: #fff;
}
@media screen and (max-width: 991px) {
  .navbar-header {
    height: auto !important;
    padding: 0 !important;
  }
}

.btn.btn-basic {
  background-color: black;
  color: #dce7ff !important;
  padding: 0.5rem 1rem;
}
.btn.btn-primary {
  background-color: #00e0ff !important;
  border-color: #00e0ff !important;
  color: #000 !important;
  border-radius: 7px;
  text-transform: uppercase;
}

.select2 {
  background-color: #1c1c1c;
  border: 1px solid #1c1c1c;
  color: #ddd;
  border-radius: 3px;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #515151;
}

.table thead th {
  border-bottom: 2px solid #515151;
}

#adjust-balance-debit-modal form .btn,
#adjust-balance-credit-modal form .btn {
  position: relative;
}
#adjust-balance-debit-modal form .btn.btn-icon,
#adjust-balance-credit-modal form .btn.btn-icon {
  padding: 1px 8px;
  font-size: 20px;
}
#adjust-balance-debit-modal form .btn.btn-icon:hover,
#adjust-balance-credit-modal form .btn.btn-icon:hover {
  background-color: #1F2343;
  color: #ffffff !important;
  cursor: pointer;
}

#page-topbar {
  background-color: #171717 !important;
  border-bottom: 1px solid #2e2f2f !important;
}
#page-topbar .dropdown-menu {
  background-color: #171717;
  box-shadow: 0px 0px 10px #333;
}
#page-topbar .dropdown-menu .dropdown-divider {
  border-color: #67738E;
  margin: 0;
}
#page-topbar .dropdown-menu .dropdown-item {
  color: #ddd;
  padding: 1.1rem 1.5rem;
}
#page-topbar .dropdown-menu .dropdown-item:hover {
  background-color: #3f3f3f;
  color: #ddd;
}

#information-modal-players .accordion,
#information-modal .accordion {
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}
#information-modal-players .accordion-button,
#information-modal .accordion-button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.45rem 0.75rem;
  text-transform: uppercase;
  color: currentColor !important;
}
#information-modal-players .list-group-item,
#information-modal .list-group-item {
  border-color: #ced4da;
}
#information-modal-players .jstree-anchor:hover,
#information-modal .jstree-anchor:hover {
  background: #00e0ff;
  color: #000;
  box-shadow: inherit;
}
#information-modal-players .jstree-anchor.jstree-clicked,
#information-modal .jstree-anchor.jstree-clicked {
  background: #5a5a6b !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
#information-modal-players .agents-list,
#information-modal .agents-list {
  padding: 0px !important;
  border-top: 2px solid #9cafc3 !important;
}
#information-modal-players .agents-list .jstree-default,
#information-modal .agents-list .jstree-default {
  position: relative;
}
#information-modal-players .agents-list .jstree-default .jstree-node,
#information-modal .agents-list .jstree-default .jstree-node {
  margin-left: 10px;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul,
#information-modal .agents-list .jstree-default > .jstree-container-ul {
  position: relative;
  padding: 5px;
  background: #242424;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul > .jstree-node,
#information-modal .agents-list .jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0 !important;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul .jstree-node,
#information-modal .agents-list .jstree-default > .jstree-container-ul .jstree-node {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > i, #information-modal-players .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > a,
#information-modal .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > i,
#information-modal .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > a {
  background-color: transparent !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul .jstree-node > .jstree-ocl,
#information-modal .agents-list .jstree-default > .jstree-container-ul .jstree-node > .jstree-ocl {
  position: absolute;
  left: 0;
  top: 0;
}
#information-modal-players .agents-list .jstree-default > .jstree-container-ul .jstree-node .jstree-anchor,
#information-modal .agents-list .jstree-default > .jstree-container-ul .jstree-node .jstree-anchor {
  display: flex;
  align-items: center;
  padding-left: 27px;
  background-color: #fff !important;
  color: #00e0ff !important;
  box-shadow: inherit;
  border-radius: 0;
}
#information-modal-players .agents-list .jstree-themeicon-custom,
#information-modal .agents-list .jstree-themeicon-custom {
  border-radius: 50%;
  background: #00e0ff;
  color: #fff;
  font-size: 11px;
  margin-right: 5px;
}
#information-modal-players .agents-list .jstree-themeicon-custom.master-user,
#information-modal .agents-list .jstree-themeicon-custom.master-user {
  background: #ea4335;
}
#information-modal-players .agents-list .jstree-themeicon-custom.agent-user,
#information-modal .agents-list .jstree-themeicon-custom.agent-user {
  background: #fbbc05;
}
#information-modal-players .agents-list .jstree-themeicon-custom.normal-user,
#information-modal .agents-list .jstree-themeicon-custom.normal-user {
  background: #34a853;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.btn-group .btn {
  border: 0 !important;
  border-radius: 5px !important;
  margin: 0 !important;
  padding: 6.25px 5px;
  flex: none;
}
@media screen and (max-width: 991px) {
  .btn-group .btn {
    font-size: 10px;
  }
}

[role=tablist]:not([data-tabs-mobile-type=slide-up-down]):not([data-tabs-mobile-type=accordion]):not([data-scroll]) {
  display: flex;
  justify-content: start;
}
[role=tablist]:not([data-tabs-mobile-type=slide-up-down]):not([data-tabs-mobile-type=accordion]):not([data-scroll]) .table-title-head {
  width: auto !important;
}
.nav-tabs {
  display: flex;
  justify-content: start;
  background: #171717;
  border-radius: 5px;
  padding: 5px;
  gap: 5px;
}
.nav-tabs > .nav-item .nav-link {
  color: #000;
  border-radius: 5px;
  border: 0;
  border-bottom: 0;
  padding: 6px 12px;
  font-size: 1rem;
}
.nav-tabs > .nav-item .nav-link:hover, .nav-tabs > .nav-item .nav-link.active {
  background-color: #00e0ff;
  color: #ffffff;
  border-color: #00e0ff;
}
@media screen and (max-width: 991px) {
  .nav-tabs > .nav-item .nav-link {
    font-size: 1rem !important;
    padding: 0.5rem;
    white-space: nowrap;
  }
}

.tab-content {
  background-color: #ffffff;
  border-radius: 5px;
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: $bg-muted;
  color: #ffffff;
}

body[data-sidebar=dark] #sidebar-menu > ul > li > a i,
body[data-sidebar=dark] #sidebar-menu > ul > li > a span {
  color: #00e0ff !important;
}
body[data-sidebar=dark] #sidebar-menu > ul > li > a:hover i,
body[data-sidebar=dark] #sidebar-menu > ul > li > a:hover span {
  color: #00e0ff !important;
}
body[data-sidebar=dark] #sidebar-menu > ul > li > a.mm-active {
  background-color: transparent !important;
}
body[data-sidebar=dark] #sidebar-menu > ul > li.mm-active > a {
  background-color: transparent;
}
body[data-sidebar=dark] #sidebar-menu > ul > li ul.sub-menu > li a {
  padding-left: 35px;
}
body[data-sidebar=dark] #sidebar-menu > ul > li ul.sub-menu > li a:hover, body[data-sidebar=dark] #sidebar-menu > ul > li ul.sub-menu > li a.active {
  background-color: #383b4e !important;
}
body[data-sidebar=dark] #sidebar-menu > ul > li ul.sub-menu > li ul.sub-menu > li a {
  padding-left: 50px;
}
body[data-sidebar=dark] #sidebar-menu .custom-link.link-telegram {
  background: #0088cc;
  color: #fff;
}
body[data-sidebar=dark] #sidebar-menu .custom-link.link-telegram:hover {
  background: #00aaff;
  color: #fff;
}
body[data-sidebar=dark] #sidebar-menu .btn-social-item {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}

body[data-sidebar=light] #sidebar-menu {
  background-color: transparent;
  padding: 10px;
}
body[data-sidebar=light] #sidebar-menu .mm-active > a {
  background: #313131 !important;
  border-radius: 8px !important;
  color: #e2e2e2 !important;
}
body[data-sidebar=light] #sidebar-menu .mm-active > a i {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu .mm-active > a span {
  color: #e2e2e2 !important;
}
body[data-sidebar=light] #sidebar-menu .mm-active > a.has-arrow::after {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a {
  padding: 6px 20px;
  border-radius: 8px;
  text-decoration: none;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a i,
body[data-sidebar=light] #sidebar-menu > ul > li > a span {
  color: #fff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a:hover {
  background: #313131;
  border-radius: 8px;
  color: #00e0ff;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a:hover i {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a:hover span {
  color: #e2e2e2 !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a:hover::after {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a.mm-active {
  background: #313131;
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a.mm-active i {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li > a.mm-active span {
  color: #e2e2e2 !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li.mm-active > a {
  background-color: #313131;
  border-radius: 8px;
}
body[data-sidebar=light] #sidebar-menu > ul > li.mm-active > a.mm-active {
  background: #313131;
}
body[data-sidebar=light] #sidebar-menu > ul > li.mm-active > a.has-arrow::after {
  color: #00e0ff;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a {
  color: #f0f0f0;
  padding-left: 30px;
  border-radius: 8px;
  text-decoration: none;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a:hover, body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a.active {
  background: #313131;
  color: #e2e2e2 !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a:hover i, body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a.active i {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a:hover::after, body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li a.active::after {
  color: #00e0ff !important;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li ul.sub-menu > li a {
  color: #f0f0f0;
  padding-left: 40px;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li:first-child a {
  margin-top: 7px;
}
body[data-sidebar=light] #sidebar-menu > ul > li ul.sub-menu > li:not(:last-child) a {
  margin-bottom: 7px;
}
body[data-sidebar=light] #sidebar-menu > ul > li:not(:last-child) {
  margin-bottom: 7px;
}
body[data-sidebar=light] #sidebar-menu .custom-link.link-telegram {
  background: #0088cc;
  color: #fff;
  text-decoration: none !important;
}
body[data-sidebar=light] #sidebar-menu .custom-link.link-telegram:hover {
  background: #00aaff;
  color: #fff;
}
body[data-sidebar=light] #sidebar-menu .custom-link.link-telegram:hover i,
body[data-sidebar=light] #sidebar-menu .custom-link.link-telegram:hover span {
  color: #fff !important;
}
body[data-sidebar=light] #sidebar-menu ul li a {
  font-family: "Exo 2", sans-serif;
}
body[data-sidebar=light] #sidebar-menu ul li a i {
  color: #f0f0f0;
}
body[data-sidebar=light] #sidebar-menu ul li a:hover i {
  color: #00e0ff;
}
body[data-sidebar=light] #sidebar-menu ul li .mm-active {
  color: #ffffff !important;
}
body[data-sidebar=light] #sidebar-menu .btn-social-item {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
body[data-sidebar=light] .mm-active {
  color: #ffffff !important;
}
body[data-sidebar=light] .mm-active .active {
  background: #313131;
  border-radius: 8px;
  color: #fff !important;
}
body[data-sidebar=light] .mm-active > i {
  color: #ffffff !important;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
  padding: 15px 10px;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li.mm-active .active i {
  color: #00e0ff !important;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  background: #121212;
  color: #ffffff;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover ul {
  min-width: max-content;
  background: #121212;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover ul li {
  width: 100%;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover ul a {
  color: #cccdcf;
  width: 100%;
}
body[data-sidebar=light].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
  padding: 10px;
}

.nav-fill .nav-item .nav-link {
  background-color: #fff;
}
.nav-fill .nav-item:hover .nav-link, .nav-fill .nav-item.show .nav-link {
  background-color: #00e0ff;
  color: #fff;
}

.nav-pills {
  gap: 5px;
}
.nav-pills .nav-link {
  background-color: #fff;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link.active {
  background-color: #00e0ff;
  color: #fff;
}

.footer {
  position: fixed;
  background-color: #171717 !important;
  border-top: 1px solid #2e2f2f !important;
  color: #a9a9a9;
  z-index: 3;
}
@media screen and (min-width: 992px) {
  .footer {
    left: 270px;
  }
}

.footer .footer-mobile {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.footer .footer-mobile .footer-option {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  color: #c7c7c7;
}
.footer .footer-mobile .footer-option .icon {
  font-size: 17px;
}
.footer .footer-mobile .footer-option .option-name {
  font-size: 12px;
}
.footer .footer-mobile .footer-option.active .icon {
  position: relative;
  width: 25px;
  height: 25px;
  transform: scale(1.5) translate(0, -6px);
  color: #00e0ff;
  z-index: 1;
}
.footer .footer-mobile .footer-option.active .icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000;
  border-radius: 50%;
  transform: scale(1.2);
}
@media screen and (max-width: 991px) {
  .footer {
    background: #000;
    color: #c7c7c7;
    border-radius: 15px 15px 0 0;
    padding: 0 0.75rem;
    height: auto;
  }
}

.modal-extensor .modal-dialog {
  margin: 0;
  max-width: 500px;
}
@media screen and (min-width: 500px) {
  .modal-extensor .modal-dialog {
    margin: 5vh auto !important;
  }
}
.modal-extensor .modal-dialog .modal-content {
  border-radius: 0;
}
.modal-extensor .modal-dialog .modal-content .modal-header {
  border-radius: 0;
}
.modal-extensor .modal-dialog .modal-content .modal-header .btn-close {
  position: relative;
  top: 5px;
  color: #fff;
}
.modal-extensor .modal-dialog .modal-content .modal-body {
  overflow: auto;
  max-height: calc(100dvh - 57px);
}
.modal-extensor .modal-extensor-list {
  display: grid;
  gap: 0.8rem;
}
.modal-extensor .modal-extensor-list .modal-extensor-link {
  display: flex;
  align-items: center;
  border: 2px solid #cfd2d5;
  background: #ddd;
  padding: 9px 15px;
  border-radius: 9px;
  color: #6c6e73;
  font-weight: 600;
}
.modal-extensor .modal-extensor-list .modal-extensor-link.modal-extensor-whatsapp {
  background: rgba(25, 187, 86, 0.25);
  border: 2px solid rgb(16, 142, 63);
}
.modal-extensor .modal-extensor-list .modal-extensor-link.modal-extensor-telegram {
  background: rgba(0, 136, 204, 0.2);
  border: 2px solid rgba(6, 109, 160, 0.26);
}
.modal-extensor .modal-extensor-list .modal-extensor-link.modal-extensor-logout {
  background: rgba(248, 112, 115, 0.38);
  border: 2px solid rgba(211, 90, 93, 0.3);
}

.card .agents .filtered .btn {
  padding: 8px 10px;
}

.w-35 {
  width: 35% !important;
}

.w-30 {
  width: 30% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.inline-flex {
  display: inline-flex;
}

.cursor-pointer {
  cursor: pointer;
}

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

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

table.dataTable > tbody > tr:nth-child(even) {
  background-color: #e7eaee;
}
table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
  padding-right: 4px;
}
table.dataTable .adjust-balance-button {
  display: inline-flex;
}
table.dataTable .adjust-balance-button .fa-2xl {
  line-height: 1;
  font-size: 24px;
}
table.dataTable .adjust-balance-button + .adjust-balance-button {
  margin-left: 8px;
}
@media screen and (min-width: 992px) {
  table.dataTable {
    max-width: 100% !important;
  }
}

table.dataTable td,
table.dataTable th {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  table.dataTable td,
  table.dataTable th {
    white-space: nowrap;
  }
}

.best-agents-container {
  flex-wrap: wrap;
  align-items: start !important;
  gap: 15px;
}
.best-agents-container .agent-item {
  width: calc(25% - 12px);
}
@media screen and (max-width: 1300px) {
  .best-agents-container .agent-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .best-agents-container .agent-item .g-font-size-20 {
    font-size: 1.2rem !important;
  }
  .best-agents-container .agent-item .amount {
    font-size: 1.4rem !important;
  }
}

.page-wrapper .card .card-header h3 {
  color: #fff !important;
}
.page-wrapper .card table.table-bordered.dataTable {
  color: #fff !important;
}
.page-wrapper .card table.table-bordered.dataTable .g-color-gray-dark-v6 {
  color: #fff !important;
}

.table-responsive-item #all-users-table_wrapper .row:nth-child(2) .col-sm-12 {
  overflow: auto;
}

table.table thead th {
  background-color: #eadbcc;
}
table.table tbody .dropdown {
  width: 30px;
  margin: 0 auto;
  text-align: center;
  z-index: auto;
}
table.table tbody .dropdown > a {
  display: block;
  width: 100%;
}
table.table tbody .dropdown .dropdown-menu {
  margin: 0 !important;
  transform: inherit !important;
  left: auto !important;
  right: 0 !important;
}

.text-theme {
  color: #00e0ff;
}
.text-theme:focus, .text-theme:hover {
  color: #00e0ff;
}

body[data-sidebar=light] .vertical-menu {
  background: #242424;
  top: 65px;
}

.main-content {
  margin-left: 270px;
  overflow: unset !important;
}
.main-content .table .btn {
  height: auto;
}
@media screen and (min-width: 992px) {
  .main-content .btn {
    height: 40px;
  }
}
.main-content .page-content .principal-users table.dataTable td,
.main-content .page-content .principal-users table.dataTable th {
  border: 0;
  color: #000;
  min-width: 52px;
  font-size: 13px;
}
.main-content .page-content .principal-users table.dataTable td:last-child,
.main-content .page-content .principal-users table.dataTable th:last-child {
  min-width: 25px !important;
}
.main-content .page-content .principal-users table.dataTable td {
  height: 30px;
}
.main-content .page-content .principal-users table.dataTable > tbody > tr.even {
  background-color: #e6e6e6;
}
.main-content .page-content .principal-users table.dataTable > tbody > tr.odd {
  background-color: #e7eaee;
}
@media (min-width: 500px) {
  .main-content .page-content .principal-users table.dataTable tbody {
    font-size: 14px;
    font-weight: 400;
  }
}
@media (max-width: 499px) {
  .main-content .page-content .principal-users table.dataTable tbody {
    font-size: 9px;
    font-weight: 400;
  }
}
.main-content .page-content .principal-users table.dataTable thead .sorting_asc,
.main-content .page-content .principal-users table.dataTable thead .sorting_desc,
.main-content .page-content .principal-users table.dataTable thead .sorting {
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
  padding: 10px;
}
.main-content .page-content .form-search-agents .form-search-agents-buttons {
  gap: 7px;
}
.main-content .page-content .form-search-agents .btn {
  background-color: #00e0ff !important;
  color: #fff !important;
  border-color: #00e0ff !important;
  border-radius: 5px !important;
  padding: 1.5px 10px !important;
  font-size: 19px;
}
@media screen and (min-width: 992px) {
  .main-content .page-content .form-search-agents {
    display: flex;
    gap: 7px;
  }
}
.main-content .page-content .buttons-container-form {
  display: flex;
  gap: 7px;
  align-items: center;
}
.main-content .page-content .buttons-container-form .btn {
  margin-top: 0 !important;
  margin-left: auto;
  font-size: 0.8rem;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #24284b !important;
}
.main-content .page-content .buttons-container-form .btn img {
  height: 20px;
  margin-right: 7px;
}
.main-content .page-content .form-users .form-search-agents .btn {
  margin-left: 5px;
  border-radius: 30px !important;
  height: 38px;
  padding: 0px 9px !important;
}
.main-content .page-content .form-users .buttons-container .btn {
  line-height: 25.5px;
  border-radius: 30px;
}
.main-content .page-content .form-users .select2 {
  border-radius: 30px !important;
}
.main-content .page-content .form-users .btn-action-user {
  border-radius: 30px;
}
.main-content .page-content .form-users .btn-action-user:hover {
  background: #00e0ff !important;
  border: 1px solid #00e0ff !important;
  color: #fff !important;
}
.main-content .page-content .agent-item-info-deposit .input-group-text {
  color: #dee2e6;
}
.main-content .page-content .agent-item-info-deposit span {
  border-color: #dee2e6;
}
.main-content .page-content .select2-container .selection {
  display: block;
  height: 100%;
}
.main-content .page-content .select2-container .selection .select2-selection__rendered {
  align-items: center;
  height: 100%;
  color: #ddd;
}
.main-content .page-content .select2-container .selection .select2-selection__rendered .select2-selection__placeholder {
  color: #ddd;
}
.main-content .page-content .select2-container--default {
  height: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.main-content .page-content .select2-container--default .select2-selection--single {
  height: 100%;
  background-color: transparent;
  border: 0;
}
.main-content .page-content .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
  color: #ddd;
}
.main-content .page-content .select2-container--default .select2-selection--multiple {
  background-color: #1c1c1c;
  border: 1px solid #1c1c1c !important;
}
.main-content .page-content .select2-container--default .select2-selection--multiple .select2-search__field {
  color: #ddd;
}
.main-content .page-content .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #242424;
  border: 1px solid #242424;
  color: #ddd;
}
.main-content .page-content .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search {
  background-color: #1c1c1c;
  border: 1px solid #1c1c1c;
  color: #ddd;
}
.main-content .page-content .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0;
}
.main-content .page-content .select2-container .select2-selection--single {
  height: 40px;
}
.main-content .page-content .select2-container--default .select2-selection--single .select2-selection__placeholder,
.main-content .page-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px;
  color: #ddd;
}
.main-content .page-content .dt-layout-cell.dt-layout-start, .main-content .page-content .dt-layout-cell.dt-layout-end {
  display: none !important;
}
.main-content .page-content .dt-empty {
  text-align: center;
}
.main-content .top-users-item {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  width: 100%;
}
.main-content .top-users-item .user-top {
  padding: 5px 15px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  width: calc(50% - 5px);
  text-align: left;
}
.main-content .top-users-item .user-top > span {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .main-content .top-users-item .user-top {
    width: 100%;
  }
}
.main-content .card {
  box-shadow: inherit;
  background: #171717;
  border-color: #171717 !important;
  color: #ddd;
}
.main-content .card .card-header {
  border-bottom: 1px solid #3f3f3f !important;
}
.main-content .blue-background-th {
  background-color: #eadbcc !important;
}
.main-content .btn-style-grayblue-white {
  background-color: #313131;
}
.main-content .form-control {
  background-color: #1c1c1c !important;
  border: 1px solid #1c1c1c !important;
  color: #ddd !important;
  height: 40px;
}
.main-content .form-control:focus {
  border-color: #00e0ff !important;
  color: #ddd !important;
}
.main-content .u-btn-primary {
  background-color: #00e0ff;
  color: #000;
}

.dt-layout-row {
  color: #fff;
}

.table > :not(caption) > * > * {
  background-color: #242424;
  color: #fff;
}

#information-data-filters {
  padding: 12px 10px 2px 15px;
}

tr.dt-hasChild + tr td {
  background: #baccde !important;
}

.beauty-table {
  width: 100%;
}
.beauty-table thead {
  border-bottom: 1px solid #00e0ff;
}
.beauty-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #00e0ff;
}
.beauty-table tbody td:first-child {
  font-weight: 700;
}
.beauty-table th,
.beauty-table td {
  padding: 7px 5px;
}

.modal .beauty-table {
  width: 100%;
  color: #000;
}
@media screen and (min-width: 992px) {
  .modal .modal-responsive {
    width: max-content;
    min-width: fit-content;
  }
  .modal .modal-responsive table.table {
    width: min-content !important;
    min-width: max-content;
  }
  .modal .modal-responsive table.table td {
    white-space: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .modal {
    padding-right: 0 !important;
  }
  .modal .modal-responsive {
    width: calc(100% - 10px) !important;
  }
  .modal .modal-responsive table.table td {
    white-space: nowrap;
  }
}
.modal .modal-content {
  background-color: #e7eaee;
}
.modal .modal-content .modal-header {
  color: #fff;
  border-bottom: 1px solid #2e2e2e;
  background: #00e0ff;
}
.modal .modal-content .modal-footer {
  border-top: 1px solid #b3c0ce;
}
.modal .modal-content .form-group {
  color: #000;
}
.modal .modal-content [class*=input-group-] {
  border-color: #b3c0ce;
}
.modal .modal-content .form-label {
  color: #000;
}
.modal .modal-content .input-group-prepend .input-group-text {
  color: #000;
  width: 130px;
}
.modal .modal-content .form-control {
  line-height: 26px;
  background-color: #B3C1CE;
  border: 1px solid #B3C1CE;
  color: #000;
  border-radius: 3px;
}
.modal .modal-content .form-control:focus {
  background-color: #B3C1CE !important;
  color: #000 !important;
  border-color: #00e0ff;
}
.modal .modal-content .tab-content {
  background: transparent !important;
}
.modal .modal-content .select2-container--default .select2-selection--multiple,
.modal .modal-content .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0 !important;
  color: #a0a0a0;
  border-radius: 3px;
}
.modal .modal-content .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.modal .modal-content .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.modal .modal-content .select2-container--default .select2-selection--single .select2-selection__placeholder,
.modal .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ddd;
}
.modal .modal-content .table-modal {
  background: #fff;
}
.modal .modal-content .u-btn-primary {
  background-color: #00e0ff;
  color: #000;
}

table.dataTable td.dt-control::before {
  color: #ffc600;
  font-size: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: -8px auto -5px;
}

.btn-group .btn input[type=radio] {
  display: none;
}

.btn-group .btn.active,
.btn-group .btn:active,
.btn-group .btn:focus,
.btn-group .btn.btn-secondary.active,
.btn-group .btn.btn-secondary:active,
.btn-group .btn.btn-secondary:focus {
  background-color: #ffc107;
  color: #000;
}

.canvasChart {
  margin: 0 auto;
  display: block;
  min-height: 270px;
  max-height: 270px;
  min-width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .canvasChart {
    min-height: 200px;
    max-height: 200px;
  }
}

.swal2-popup {
  background: #171717 !important;
  background-color: #171717 !important;
  color: #606060 !important;
  border-radius: 22px !important;
}
.swal2-popup .swal2-content,
.swal2-popup .swal2-title {
  color: #242424 !important;
}
.swal2-popup .swal2-icon.swal2-success .swal2-success-fix,
.swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right,
.swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left {
  background: #171717 !important;
  background-color: #171717 !important;
}
.swal2-popup .swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid rgba(0, 224, 255, 0.3);
}
.swal2-popup .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  background-color: #00e0ff;
}
.swal2-popup .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  background-color: #00e0ff;
}
.swal2-popup .swal2-cancel {
  background: #00e0ff;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}
.swal2-popup .swal2-cancel i {
  font-weight: 800;
}
.swal2-popup .swal2-input {
  display: flex;
  background-color: #b3c0ce;
  border: 1px solid #b3c0ce;
  color: #000;
}
.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #00e0ff !important;
  border-color: #00e0ff !important;
  color: black !important;
  border-radius: 7px;
  text-transform: uppercase;
}
.swal2-popup .swal2-styled.swal2-cancel {
  color: #fff;
  background-color: #585f69;
}
.swal2-popup .swal2-styled.swal2-cancel i {
  display: none;
}

.input-group-prepend .input-group-text {
  color: #dee2e6;
}
.input-group-prepend span {
  border-color: #dee2e6;
}

.sidebar-right-item .card-header {
  background-color: #00e0ff !important;
  padding: 1rem 1.5rem !important;
}
.sidebar-right-item .card-header h3 {
  font-size: 14px !important;
}
.sidebar-right-item .card-header .media h3 {
  color: #fff !important;
  font-size: 14px;
}
.sidebar-right-item .jstree-anchor:hover {
  background: #00e0ff;
  color: #000;
  box-shadow: inherit;
}
.sidebar-right-item .jstree-anchor.jstree-clicked {
  background: #242424 !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
.sidebar-right-item .agents-list {
  padding: 0px !important;
  background: #00e0ff !important;
  border-top: 2px solid #242424 !important;
}
.sidebar-right-item .agents-list .jstree-default {
  position: relative;
}
.sidebar-right-item .agents-list .jstree-default .jstree-node {
  margin-left: 10px;
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul {
  position: relative;
  padding: 5px;
  background: #242424;
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0 !important;
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul .jstree-node {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > i, .sidebar-right-item .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > a {
  display: flex;
  align-items: center;
  background-color: transparent !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul .jstree-node > .jstree-ocl {
  position: absolute;
  left: 3px;
  top: 8px;
  filter: invert(1) opacity(0.5);
}
.sidebar-right-item .agents-list .jstree-default > .jstree-container-ul .jstree-node .jstree-anchor {
  display: flex;
  align-items: center;
  padding-left: 27px;
  background: #242424;
  color: #ddd;
  border-radius: 0;
  height: 38px;
  border: 2px solid #3a3a3a;
  border-radius: 8px;
  margin-bottom: 5px;
}
.sidebar-right-item .agents-list .jstree-themeicon-custom {
  border-radius: 50%;
  background: #00e0ff;
  color: #fff;
  font-size: 11px;
  margin-right: 5px;
}
.sidebar-right-item .agents-list .jstree-themeicon-custom.master-user {
  background: #ea4335;
}
.sidebar-right-item .agents-list .jstree-themeicon-custom.agent-user {
  background: #fbbc05;
}
.sidebar-right-item .agents-list .jstree-themeicon-custom.casher-user {
  background: #34a853;
}
.sidebar-right-item .agents-list .jstree-themeicon-custom.gamer-user {
  background: #4285f4;
}

.reports-filters-date {
  flex: 1;
}

.container-tree .jstree-anchor:hover {
  background: #00e0ff;
  color: #000;
  box-shadow: inherit;
}
.container-tree .jstree-anchor.jstree-clicked {
  display: flex;
  align-items: center;
  background: #242424 !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
.container-tree .agents-list {
  padding: 0px !important;
  background: #00e0ff !important;
  border-top: 2px solid #242424 !important;
}
.container-tree .agents-list .jstree-default {
  position: relative;
}
.container-tree .agents-list .jstree-default .jstree-node {
  margin-left: 10px;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul {
  position: relative;
  padding: 5px;
  background: #242424;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0 !important;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > i, .container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node.jstree-open > a {
  background-color: transparent !important;
  color: #00e0ff !important;
  box-shadow: inherit;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node > .jstree-ocl {
  position: absolute;
  left: 3px;
  top: 4px;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node .jstree-anchor {
  display: flex;
  align-items: center;
  padding-left: 27px;
  background: #626272;
  color: #ddd;
  border-radius: 0;
}
.container-tree .agents-list .jstree-default > .jstree-container-ul .jstree-node .jstree-children li {
  border-top: 2px solid #00e0ff;
}
.container-tree .agents-list .jstree-themeicon-custom {
  border-radius: 50%;
  background: #00e0ff;
  color: #fff;
  font-size: 11px;
  margin-right: 5px;
}
.container-tree .agents-list .jstree-themeicon-custom.master-user {
  background: #ea4335;
}
.container-tree .agents-list .jstree-themeicon-custom.agent-user {
  background: #fbbc05;
}
.container-tree .agents-list .jstree-themeicon-custom.normal-user {
  background: #34a853;
}

.my-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: end;
  align-items: center;
}
.my-wrapper > div label {
  margin: 0;
}
.my-wrapper .dt-paging-button {
  border: 0;
  margin: 1px;
  border-radius: 2px;
  padding: 2px 9px;
}

.my-inner1 {
  margin: 0 20px;
  display: block;
  float: right;
}

.my-inner2 {
  margin: 0 20px;
  display: block;
  float: right;
}

.modal-default select {
  border-radius: 3px;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #333, #ccc);
  background-position: calc(100% - 15px) calc(1em - 0px), calc(100% - 10px) calc(1em - 0px), calc(100% - 2em) 0.75em;
  background-size: 5px 5px, 5px 5px, 1px 1em;
  background-repeat: no-repeat;
  width: 100%;
  color: #666;
}
.modal-default select.mini-select {
  width: 65px;
  background-position: calc(100% - 10px) calc(1em - 5px), calc(100% - 5px) calc(1em - 5px), calc(100% - 1.25em) 0.25em;
}
.modal-default.fade {
  transform: scale(0.1);
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.modal-default.fade.show {
  transform: scale(1);
  opacity: 1;
}
.modal-default .dataTables_wrapper select {
  width: 65px;
  background-position: calc(100% - 10px) calc(1em - 5px), calc(100% - 5px) calc(1em - 5px), calc(100% - 1.25em) 0.25em;
}
.modal-default.modal-full .modal-dialog {
  max-width: 1200px;
}
@media (min-width: 575px) and (max-width: 1210px) {
  .modal-default.modal-full .modal-dialog {
    margin: 1.75rem 0.5rem;
  }
}
.modal-default .modal-content {
  border-radius: 2px;
  background: #222;
  border: 1px solid #333;
}
.modal-default .modal-content .modal-title {
  color: #fff;
}
.modal-default .modal-content .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.modal-default .modal-content .modal-header .close {
  color: #eee;
}
.modal-default .modal-content .modal-body {
  padding: 10px;
  background: #333;
}
.modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_length, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_filter, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_info, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_processing, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate {
  color: #eee;
}
.modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #eee !important;
}
.modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #eee !important;
}
.modal-default .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #333 !important;
}
.modal-default .modal-content .modal-body .menu-transaction {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
  margin-bottom: 10px;
  background: #222;
}
.modal-default .modal-content .modal-body .menu-transaction li {
  display: table-cell;
  width: 1%;
}
.modal-default .modal-content .modal-body .menu-transaction li:first-child a {
  border-top-left-radius: 3px;
}
.modal-default .modal-content .modal-body .menu-transaction li:last-child a {
  border-right: 1px solid #eee;
  border-top-right-radius: 3px;
  border-right: 1px solid #222;
}
.modal-default .modal-content .modal-body .menu-transaction li a {
  display: block;
  text-align: center;
  padding: 8px 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3 linear;
  transition: all 0.3s linear;
  order-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  color: #fff;
}
.modal-default .modal-content .modal-body .menu-transaction li a:hover, .modal-default .modal-content .modal-body .menu-transaction li a.active {
  background: #00e0ff;
  color: #333;
}
.modal-default .modal-content .modal-body .transaction-body {
  overflow: hidden;
  background: transparent;
  min-height: 240px;
  position: relative;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.modal-default .modal-content .modal-body .transaction-body .deposit-view, .modal-default .modal-content .modal-body .transaction-body .withdraw-view {
  display: none;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view {
  overflow: hidden;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .mini-comment {
  font-size: 10px;
  margin-top: 20px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view code {
  margin: 1em 0;
  background-color: #e4e4e4;
  padding: 1em;
  font-weight: bold;
  text-align: center;
  width: 100%;
  display: block;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .mini-list {
  font-size: 12px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card {
  border: 0;
  background: #222;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-header {
  background: transparent;
  border-bottom: 1px solid #333;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .section-transaction-deposit {
  display: none;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .deposits-form {
  display: none;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .deposits-form label {
  font-size: 14px;
  margin-bottom: 5px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .deposits-form .form-control {
  color: #666;
  font-size: 14px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .deposits-form .form-group {
  margin-bottom: 8px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .deposits-form .form-group p {
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
  color: #aaa;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .form-visa-mastercard {
  width: 100%;
  max-width: 300px;
  margin: auto;
  color: #666;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .form-visa-mastercard img {
  margin: auto;
  max-width: 100%;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .form-visa-mastercard .mount-max {
  font-weight: 500;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container p {
  font-size: 14px;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .disabled-cripto {
  color: #00e0ff;
  font-size: 55px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a {
  display: inline-block;
  margin: 5px;
  color: #fff;
  font-weight: 600;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3 linear;
  transition: all 0.3s linear;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a.not-available img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a.not-available:hover img, .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a.not-available:focus img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  box-shadow: 0 0 15px #00e0ff;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a img {
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0 0 5px #ffb400;
  border: 4px solid #eee;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3 linear;
  transition: all 0.3s linear;
  display: block;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .cripto-container .cripto-coins a span {
  font-size: 14px;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top {
  margin-bottom: 15px;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-text {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  float: left;
  width: calc(100% - 250px);
  padding: 8px 5px;
  color: #eee;
}
@media screen and (max-width: 991px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-text {
    width: 100%;
    text-align: center;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn {
  width: 250px;
  float: left;
  text-align: right;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn {
  background: transparent !important;
  color: #00e0ff !important;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn:hover, .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn:focus {
  color: #fff !important;
  background: #00e0ff !important;
}
@media screen and (max-width: 991px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn {
    width: 100%;
    text-align: center;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank {
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #eee;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank thead {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank thead tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank thead tr th {
  font-weight: 600;
  color: #00e0ff;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank thead tr th {
    display: none;
  }
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank thead tr th:first-child {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank tbody {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank tbody tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank tbody tr td {
  padding: 8px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank tbody tr td {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .card-body .sgpay-section .table-bank tbody tr:nth-child(2n+2) {
  background: #333;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .nav-tabs .nav-item {
    display: block;
    width: 100%;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .nav-tabs .nav-item .nav-link.active {
  border-color: #333 #333 #333;
  background: #222;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .nav-tabs .nav-item .nav-link.active {
    border-color: #434343 #434343 #434343;
  }
}
.modal-default .modal-content .modal-body .transaction-body .deposits-view .card .nav-tabs .nav-item .nav-link:hover, .modal-default .modal-content .modal-body .transaction-body .deposits-view .card .nav-tabs .nav-item .nav-link:focus {
  border-color: #333 #333 #333;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view {
  overflow: hidden;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card {
  border: 0;
  background: #222;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .card-header {
  background: transparent;
  border-bottom: 1px solid #333;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .card-body .section-transaction-deposit {
  display: none;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .top-text {
  margin-bottom: 15px;
  text-align: center;
  color: #fff;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .form-input-btn .form-group {
  margin-bottom: 0;
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank {
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank thead {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank thead tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank thead tr th {
  font-weight: 600;
  color: #00e0ff;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank thead tr th {
    display: none;
  }
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank thead tr th:first-child {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody tr td {
  padding: 8px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody tr td {
    display: block;
    padding-left: 25px;
  }
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody tr td:first-child {
    padding-left: 8px;
  }
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .sgpay-section .table-bank tbody tr:nth-child(2n+2) {
  background: #333;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .nav-tabs .nav-item {
    display: block;
    width: 100%;
  }
}
.modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .nav-tabs .nav-item .nav-link.active {
  border-color: #333 #333 #333;
  background: #333;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .withdrawals-view .card .nav-tabs .nav-item .nav-link.active {
    border-color: #333 #333 #333;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card {
  border: 0;
  background: #222;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-header {
  background: transparent;
  border-bottom: 1px solid #333;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .section-transaction-deposit {
  display: none;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .deposits-form {
  display: none;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .deposits-form label {
  font-size: 14px;
  margin-bottom: 5px;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .deposits-form .form-control {
  color: #666;
  font-size: 14px;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .deposits-form .form-group {
  margin-bottom: 8px;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .deposits-form .form-group p {
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
  color: #aaa;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .form-visa-mastercard {
  width: 100%;
  max-width: 300px;
  margin: auto;
  color: #666;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .form-visa-mastercard img {
  margin: auto;
  max-width: 100%;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .form-visa-mastercard .mount-max {
  font-weight: 500;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container p {
  font-size: 14px;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .disabled-cripto {
  color: #00e0ff;
  font-size: 55px;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a {
  display: inline-block;
  margin: 5px;
  color: #fff;
  font-weight: 600;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3 linear;
  transition: all 0.3s linear;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a.not-available img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a.not-available:hover img, .modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a.not-available:focus img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  box-shadow: 0 0 15px #00e0ff;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a img {
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0 0 5px #ffb400;
  border: 4px solid #eee;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3 linear;
  transition: all 0.3s linear;
  display: block;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .cripto-container .cripto-coins a span {
  font-size: 14px;
  color: #eee;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top {
  margin-bottom: 15px;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-text {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  float: left;
  width: calc(100% - 250px);
  padding: 8px 5px;
  color: #eee;
}
@media screen and (max-width: 991px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-text {
    width: 100%;
    text-align: center;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn {
  width: 250px;
  float: left;
  text-align: right;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn {
  background: transparent !important;
  color: #00e0ff !important;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn:hover, .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn .btn:focus {
  color: #fff !important;
  background: #00e0ff !important;
}
@media screen and (max-width: 991px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .sgpay-top .sgpay-top-btn {
    width: 100%;
    text-align: center;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank {
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #eee;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank thead {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank thead tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank thead tr th {
  font-weight: 600;
  color: #00e0ff;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank thead tr th {
    display: none;
  }
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank thead tr th:first-child {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank tbody {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank tbody tr {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank tbody tr td {
  padding: 8px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank tbody tr td {
    display: block;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .card-body .sgpay-section .table-bank tbody tr:nth-child(2n+2) {
  background: #333;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .nav-tabs .nav-item {
    display: block;
    width: 100%;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .nav-tabs .nav-item .nav-link.active {
  border-color: #333 #333 #333;
  background: #222;
}
@media screen and (max-width: 767px) {
  .modal-default .modal-content .modal-body .transaction-body .card .nav-tabs .nav-item .nav-link.active {
    border-color: #434343 #434343 #434343;
  }
}
.modal-default .modal-content .modal-body .transaction-body .card .nav-tabs .nav-item .nav-link:hover, .modal-default .modal-content .modal-body .transaction-body .card .nav-tabs .nav-item .nav-link:focus {
  border-color: #333 #333 #333;
}
.modal-default.modal-avatar .modal-content {
  background: #222;
  border: 1px solid #333;
}
.modal-default.modal-avatar .modal-header {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.modal-default.modal-avatar .modal-header .close {
  color: #eee;
}
.modal-default.modal-avatar .modal-body .image-avatar-preview {
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  max-width: 155px;
  border: 2px solid #e8e8e8;
  margin: auto;
}
.modal-default.modal-avatar .modal-body .image-avatar-preview img {
  max-width: 100%;
}
.modal-default.modal-avatar .modal-body .avatar-step-two {
  display: none;
}
.modal-default.modal-avatar .modal-body .avatar-step-two .upload-demo-wrap {
  margin-bottom: 30px;
}
.modal-default.modal-avatar .modal-body .avatar-step-two .croppie-container .cr-viewport {
  border-radius: 50%;
}
.modal-default.modal-avatar .modal-body .avatar-step-three {
  display: none;
}
.modal-default.modal-avatar .modal-body .avatar-upload-submit {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.modal-default.modal-avatar .modal-body .avatar-upload-submit.show-load {
  opacity: 1;
}
.modal-default.modal-avatar .modal-body .avatar-upload-submit .loader_write {
  color: #00e0ff;
  font-weight: 600;
  font-size: 16px;
}
.modal-default.modal-avatar .modal-body .avatar-upload-submit .loader {
  border: 3px solid #eee;
  border-top: 3px solid #00e0ff;
  border-bottom: 3px solid #00e0ff;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal-default.modal-avatar .modal-footer {
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.modal-default.modal-avatar .modal-footer .buttons-avatar {
  width: 100%;
  display: block;
  overflow: hidden;
}
.modal-default.modal-avatar .modal-footer .avatar-step-two-btn, .modal-default.modal-avatar .modal-footer .avatar-step-three-btn {
  display: none;
}
.modal-default.modal-avatar .modal-footer #upload-avatar {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.modal-default.message-modal .modal-content .modal-title {
  line-height: 1;
  font-weight: 600;
}
.modal-default.message-modal .modal-content .modal-title .modal-date {
  font-size: 14px;
  opacity: 0.75;
  margin-top: 5px;
  display: inline-block;
}
.modal-default.message-modal .modal-content .modal-body {
  padding: 1rem;
}
.modal-default.message-modal .modal-content .modal-body .modal-body-container .modal-image img {
  margin: auto;
  max-width: 100%;
  display: block;
  padding-bottom: 1rem;
}

.swal2-validation-message {
  margin-inline: 0 !important;
  background: transparent;
  color: #fff;
}

.dropdown-custom-agent-menu {
  position: relative !important;
}

.select2-selection__arrow {
  display: none !important;
}

#modal-iframe-plays {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
}

.auth-system {
  background: #000;
}

.auth-container {
  border-radius: 22px;
  background: #242424;
  border-color: #242424 !important;
  box-shadow: 0 0 13px 0 rgba(0, 224, 255, 0.6);
  color: #fff;
}
.auth-container img {
  filter: drop-shadow(0px 0px 4px #708090);
}
.auth-container form .form-control {
  padding: 1.5rem;
  border-radius: 5px;
  font-size: 15px;
  background-color: #3a3a3a;
  border: 1px solid #3a3a3a;
  color: #fff;
}
.auth-container form .form-control::placeholder {
  color: #d4d2d2;
}
.auth-container form .form-control:focus {
  color: #fff;
  border-color: #00e0ff;
}
.auth-container form .form-control:-webkit-autofill, .auth-container form .form-control:-webkit-autofill:hover, .auth-container form .form-control:-webkit-autofill:focus, .auth-container form .form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #3a3a3a inset !important;
  -webkit-text-fill-color: #fff !important;
}
.auth-container form .form-control:-internal-autofill-selected {
  background-color: #3a3a3a !important;
}
.auth-container form .btn {
  border-radius: 5px;
}

.btn.btn-theme {
  background: #00e0ff;
  color: #000 !important;
  font-size: 16px;
  font-weight: 500;
  height: auto !important;
  line-height: 1 !important;
}

@media screen and (min-width: 992px) {
  .mobile-item {
    display: none !important;
  }
  body[data-sidebar=dark] .vertical-menu {
    background: #00e0ff !important;
  }
  .main-content .page-content .principal-users .form-users .btn {
    padding: 8px;
  }
  .sidebar-right-item {
    display: block !important;
  }
  .sidebar-right-item .agents-list .jstree-default > .jstree-container-ul {
    overflow-y: auto;
    max-height: calc(100dvh - 200px);
    padding: 10px;
  }
  .sidebar-right-item .agents-list .jstree-themeicon-custom {
    border-radius: 50%;
    background: #00e0ff;
    color: #fff;
    font-size: 11px;
    margin-right: 5px;
  }
  .sidebar-right-item .agents-list .jstree-themeicon-custom.master-user {
    background: #ea4335;
  }
  .sidebar-right-item .agents-list .jstree-themeicon-custom.agent-user {
    background: #fbbc05;
  }
  .sidebar-right-item .agents-list .jstree-themeicon-custom.normal-user {
    background: #34a853;
  }
  .vertical-menu-container {
    display: block !important;
    width: 270px;
    background-color: #242424 !important;
  }
}
@media screen and (max-width: 1200px) {
  .modal {
    padding-left: 0 !important;
  }
  .modal-lg, .modal-xl {
    max-width: calc(100% - 5px);
  }
  #transactions-agents-modal #agents-transactions-table_wrapper .dt-layout-row:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bet-details-container .bet-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bet-details-container .bet-details .header-bet {
  margin: -10px;
  margin-bottom: 0px;
  padding: 10px;
  font-weight: 600;
  font-size: 0.8rem;
}
.bet-details-container .bet-details .header-bet .header-detail {
  display: flex;
  justify-content: space-between;
}
.bet-details-container .bet-details .content-bet {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bet-details-container .bet-details .content-bet .bet-item-container {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 1.3;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  color: #fff;
}
.bet-details-container .bet-details .content-bet .bet-item-container .bet-item {
  align-items: center;
}
.bet-details-container .bet-details .content-bet .bet-item-container .bet-item .event-date {
  font-weight: 500;
}
.bet-details-container .bet-details .content-bet .bet-item-container .event .event-date {
  font-size: 0.8rem;
}
.bet-details-container .bet-details .footer-bet {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: #fff;
}
.bet-details-container .bet-details .footer-bet .item {
  display: flex;
  justify-content: space-between;
}
.bet-details-container .bet-details .footer-bet .item .text {
  font-size: 0.8rem;
}
@media screen and (max-width: 991px) {
  .bet-details-container .content-bet .bet-item-container .bet-item.event {
    flex-direction: column;
    align-items: start;
  }
}

@media screen and (max-width: 991px) {
  .modal-bet-details {
    padding-right: 0 !important;
  }
}

.modal-transaction-digitain {
  color: rgb(21, 119, 248);
  cursor: pointer;
}

.container-table-mobile select,
.container-table-mobile button {
  border: 0;
  margin: 1px 2px;
  border-radius: 2px;
}
.container-table-mobile .dt-length,
.container-table-mobile nav {
  margin-block: 10px;
}

.el-menu {
  border-right: 1px solid #2e2f2f !important;
}
.el-menu .el-menu-item:not(:last-child),
.el-menu .el-sub-menu:not(:last-child) {
  margin-bottom: 2px;
}
.el-menu .el-sub-menu__title:hover {
  background-color: rgba(0, 224, 255, 0.17) !important;
}

.el-menu-item {
  align-items: center;
  height: 45px;
}
.el-menu-item > a {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  color: #e5eaf3;
}
.el-menu-item:hover {
  background-color: #1b1b1e;
}
.el-menu-item.is-active {
  color: #00e0ff !important;
}

.el-sub-menu__title {
  align-items: center;
  height: 45px;
  gap: 5px;
  margin-bottom: 2px;
}
.el-sub-menu__title:hover {
  background-color: #1b1b1e;
}

.el-sub-menu .el-menu-item {
  height: 45px;
}

.vertical-collpsed .vertical-menu .el-sub-menu__title .el-icon,
.vertical-collpsed .vertical-menu .el-sub-menu__title span,
.vertical-collpsed .vertical-menu .el-menu-item .el-icon,
.vertical-collpsed .vertical-menu .el-menu-item span {
  display: none;
}

@media screen and (max-width: 991px) {
  .el-table .cell {
    white-space: nowrap;
    min-width: fit-content;
  }
}
@media screen and (max-width: 991px) {
  .el-table .el-table__header {
    white-space: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .el-table colgroup {
    display: none;
  }
}

.date-picker-item .el-input__suffix {
  display: none;
}
@media screen and (max-width: 991px) {
  .date-picker-item .el-input__wrapper {
    padding-block: 3px !important;
  }
}

.lh-1 {
  line-height: 1;
}

@media screen and (max-width: 991px) {
  .date-picker-popper {
    max-width: 100vw;
  }
  .date-picker-popper .el-date-picker {
    width: 100% !important;
  }
}

@media screen and (max-width: 991px) {
  .el-picker-panel__sidebar {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .el-picker-panel__body {
    margin-left: 0 !important;
  }
}

html.dark .el-card {
  background: #171717;
  border-color: #2e2f2f;
}

.edit-profile-tabs {
  background-color: #0a0a0a;
  border-radius: 0.5rem;
}
.edit-profile-tabs .edit-profile-tab {
  background-color: rgba(46, 47, 47, 0.5);
  border-radius: 0.5rem;
}
.edit-profile-tabs .edit-profile-tab:hover {
  background-color: #2e2f2f;
}
.edit-profile-tabs .edit-profile-tab.tab-selected {
  background-color: #00e0ff;
  color: #000;
}

.edit-profile-tab-content .card-item {
  background-color: #0a0a0a !important;
  border-radius: 0.5rem !important;
}

.footer {
  background-color: #171717;
  color: #afafaf;
}

@media screen and (min-width: 992px) {
  .three-item-container {
    display: block !important;
  }
}
.welcome-card {
  height: 100%;
  border-radius: 12px;
  background-color: #111113;
  /*linear-gradient(135deg, #f8fafc, #ffffff);*/
}

.welcome-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.welcome-content h2 {
  margin: 0 0 5px;
  font-size: 20px;
}

.welcome-content p {
  margin: 0 0 10px;
  color: #666;
}

.avatar {
  width: 80px;
  object-fit: contain;
}

.stat-card {
  border-radius: 12px;
  background-color: #111113;
  color: white;
  position: relative;
  overflow: hidden;
}

.stat-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 60px solid rgba(0, 224, 255, 0.1);
  border-left: 60px solid transparent;
  z-index: 0;
}

.stat-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  background: #00e0ff;
  color: #000;
}

.stat-content {
  font-weight: bold;
}
.stat-content .value {
  font-size: 20px;
}
.stat-content .percentage {
  margin-left: 3px;
  font-size: 14px;
}

.stat-label {
  font-size: 14px;
  opacity: 0.9;
}

@media screen and (max-width: 991px) {
  .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .table colgroup {
    display: none !important;
  }
  .desktop-item {
    display: none !important;
  }
  .form-users {
    margin-bottom: 10px;
  }
  .form-search-agents {
    display: none;
    position: absolute;
    width: calc(100% - 14px);
    background: #e7eaee;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0px !important;
    z-index: 1;
  }
  .form-search-agents.show {
    display: flex !important;
  }
  .buttons-container-form {
    padding: 0;
  }
  .principal-users {
    padding-top: 0 !important;
  }
  .three-item-container {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100dvh - 81px);
    padding: 0;
    overflow-y: auto;
    z-index: 99999999999;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(1px);
  }
  .three-item-container.show {
    display: block;
  }
  .three-item-container .bg-tree-item {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
  }
  .three-item-container .close-tree-item {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 16px;
    color: #fff;
    z-index: 2;
    background: transparent !important;
    border-radius: 0;
    font-size: 20px;
  }
  .three-item-container .tree-item {
    position: relative;
    height: 100%;
    width: 100%;
    border-left: 2px solid #242424;
    background-color: #242424;
    margin-left: auto;
    z-index: 1;
  }
  .three-item-container .tree-item .card-header {
    border-radius: 0;
  }
  .navbar-header {
    flex-direction: column;
    height: 45px;
    padding: 0;
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .navbar-header {
    height: 45px;
  }
}
@media screen and (max-width: 991px) {
  .navbar-header .btn.header-item {
    height: auto;
    color: #fff;
  }
  .navbar-header .logo-sm {
    display: flex;
  }
  .navbar-header .logo-sm img {
    width: 60px;
    height: auto;
  }
  .navbar-header .marquee-box-mobile {
    position: relative;
    z-index: 1;
    padding: 0 15px !important;
  }
  .navbar-header .marquee-box-mobile .currency-header {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .navbar-header .marquee-box-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .navbar-header .header-mobile-item .right .btn.btn-bold.btn-basic {
    display: none !important;
  }
  .main-content .page-content {
    padding: 55px 5px 60px;
  }
  .main-content .page-content > .container-fluid {
    padding: 0;
  }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
  .main-content .page-content {
    padding: 52px 0.75rem 60px !important;
  }
}
@media screen and (max-width: 991px) {
  .main-content .page-content .form-users .form-search-agents .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 45px;
  }
  .main-content .page-content .form-users .form-search-agents .select2-container--default .select2-selection--single .select2-selection__rendered::after {
    content: "\f002";
    position: absolute;
    left: 18px;
    top: 8px;
    font-size: 16px;
    font-family: "Font Awesome 6 Pro";
    pointer-events: none;
  }
  .main-content .page-content .form-users .form-search-agents .btn {
    padding: 0px 11px !important;
  }
  .table-responsive-item #all-users-table_wrapper .row:nth-child(2) .col-sm-12 table tbody button.btn.u-btn-primary {
    margin-bottom: 1px;
  }
  .container-table-mobile table.dataTable {
    min-width: 100%;
    font-size: 70% !important;
    table-layout: fixed;
  }
  .container-table-mobile table.dataTable td,
  .container-table-mobile table.dataTable th {
    display: table-cell !important;
    float: none !important;
    box-shadow: inherit !important;
    overflow-wrap: break-word;
  }
  .container-table-mobile table.dataTable td .img-fluid,
  .container-table-mobile table.dataTable th .img-fluid {
    display: block;
    width: 35px !important;
  }
  .container-table-mobile table.dataTable td .dropdown:last-child .dropdown-menu,
  .container-table-mobile table.dataTable th .dropdown:last-child .dropdown-menu {
    transform: inherit !important;
    left: auto !important;
    right: 0 !important;
  }
  .container-table-mobile table.dataTable td:nth-child(1), .container-table-mobile table.dataTable td:nth-child(2),
  .container-table-mobile table.dataTable th:nth-child(1),
  .container-table-mobile table.dataTable th:nth-child(2) {
    width: 30% !important;
  }
  .container-table-mobile table.dataTable td:nth-child(3),
  .container-table-mobile table.dataTable th:nth-child(3) {
    width: 30% !important;
    text-align: center !important;
  }
  .container-table-mobile table.dataTable td:nth-child(4),
  .container-table-mobile table.dataTable th:nth-child(4) {
    width: 20% !important;
    text-align: center !important;
  }
  .container-table-mobile table.dataTable thead {
    display: none !important;
  }
  .nav-tabs-table-head {
    display: flex !important;
  }
  .nav-tabs-table-head .table-title-head {
    flex: 1;
  }
  .nav-tabs-table-head .table-title-head a {
    font-size: 0.85rem !important;
  }
  .sidebar-right-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .sidebar-right-item .card-close-mobile {
    position: absolute;
    left: 300px;
    top: 0;
    padding: 18.5px 16px;
    color: #fff;
    background: #e7eaee;
    border-radius: 0 0 15px 0;
    font-size: 20px;
    display: none;
  }
  .sidebar-right-item .form-users .card {
    margin-bottom: 0 !important;
  }
  body[data-sidebar=light] .vertical-menu {
    top: 45px;
    height: calc(100dvh - 45px);
  }
  body[data-sidebar=light] .simplebar-wrapper {
    background-color: #242424;
  }
  body[data-sidebar=light] .simplebar-content-wrapper {
    background-color: #242424;
  }
  .vertical-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    padding: 0;
    overflow-y: auto;
    top: 0 !important;
    z-index: 1003 !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(1px);
  }
  .vertical-menu-container .vertical-menu-item {
    width: 300px;
    border-right: 2px solid #2e2f2f;
    background: #171717;
  }
  .vertical-menu-container .card-close-mobile {
    position: absolute;
    left: 300px;
    top: 0;
    padding: 18.5px 16px;
    color: #fff;
    z-index: 2;
    background: #2e2f2f;
    font-size: 20px;
    border-radius: 0 0 15px 0;
  }
  .vertical-menu-container .simplebar-content {
    height: 100%;
  }
  .vertical-menu-container .simplebar-content #sidebar-menu {
    height: 100%;
    background-color: #242424;
  }
  .simplebar-offset {
    background: white;
  }
  .parent-menu .mobile-menu-close {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100dvh - 45px);
  }
  .dt-layout-row:not(.dt-layout-table):first-child {
    display: none !important;
  }
  table.dataTable .agent-click-to-load {
    max-width: 12ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  table.dataTable .adjust-balance-button {
    display: inline-flex;
  }
  table.dataTable .adjust-balance-button .fa-2xl {
    line-height: 1;
    font-size: 24px;
  }
  table.dataTable .adjust-balance-button + .adjust-balance-button {
    margin-left: 8px;
  }
}
@media (max-width: 499px) {
  .table-title-head {
    font-size: 0.4rem;
    width: 19%;
  }
  /*.table-thead-title {
      padding: 10px 0;
      background-color: #24284b;
      color: white;
      font-size: 0.55rem;
  }*/
}
.dataTable tr:last-of-type td {
  border-bottom: 0 !important;
}

table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
  padding-block: 10px;
}

@media (min-width: 500px) {
  .table-title-head {
    font-size: 0.85rem;
    width: 19.5%;
  }
  .table-thead-title {
    padding: 10px 0;
    background-color: #00e0ff;
    color: white;
    font-size: 1rem;
  }
}
table.dataTable td.dt-control:before {
  content: "+";
  color: #00e0ff;
  font-weight: bold;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  color: #00e0ff;
  font-weight: bold;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  background: #00e0ff;
  color: white !important;
  border-color: darkgrey;
}

.page-link {
  color: #00e0ff;
}

table.table thead th {
  background-color: #242424;
  color: white;
}

/*# sourceMappingURL=extra-24vivo.css.map */