@font-face {
  src: url(../../assets/img/Circular/CircularStd-Medium.otf);
  font-family: circular-black;

}

@font-face {
  src: url(../../assets/img/Circular/CircularStd-Bold.otf);
  font-family: circular-bold;
}

@font-face {
  src: url(../../assets/img/Circular/CircularStd-Book.otf);
  font-family: circular-book;
}

*:not(i) {
  font-family: circular-book !important;
}

i {
  font-style: normal !important;
}

body {
  font-family: circular-black;
  color: #455368;
}

strong {
  font-family: circular-bold;
}

.menu-card {
  /* height: 611px; */
  width: 451px;
  display: flex;
  flex-direction: column;
  padding: 49px;

}

.menu-bar {
  display: flex;
  flex-direction: column;
}

.btn-design {
  display: flex;
  width: auto;
  /* height: 20px; */
  margin: 3px 5px;
}

.top-bar {
  height: 45px;
  width: 100% !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.top-menu {
  padding-top: 45px;
}

button .reload-captcha-btn {
  color: #3B82F7;
}

button:hover .reload-captcha-btn {
  color: white;
}

.primary-color {
  color: #455368 !important
}

.primary-border-color {
  border-color: #455368 !important
}

/* FONT ICONS HOVER */

button:hover .fin-notification:before,
button:hover .fin-message:before,
button:hover .fin-by-bank:before,
button:hover .fin-by-group:before,
button:hover .fin-by-product:before,
button:hover .fin-by-status:before,
button:hover .fin-by-payment:before,
button:hover .fin-by-transaction:before,
button:hover .fin-by-type-account:before,
button:hover .fin-by-website:before,
button:hover .fin-button-toogle:before,
button:hover .fin-save-btn:before,
button:hover .fin-strict-btn:before,
div.edit-btn:hover .fin-edit-btn:before,
div.delete-btn:hover .fin-delete-btn:before,
button.active .fin-by-bank:before,
button.active .fin-by-group:before,
button.active .fin-by-product:before,
button.active .fin-by-status:before,
button.active .fin-by-transaction:before,
button.active .fin-by-payment:before,
button.active .fin-by-type-account:before,
button.active .fin-by-website:before,
button.active .fin-button-toogle:before,
button.active .fin-by-type:before,
button.active .fin-by-bank-account:before,
button.active .fin-by-date:before,
.active-expand.fin-expand:before,
button.selected .fin-by-type-account:before,
button.selected:hover .fin-by-type-account:before,
button.selected .fin-by-bank:before,
button.selected:hover .fin-by-bank:before,
button.selected .fin-by-group:before,
button.selected:hover .fin-by-group:before,
button.selected .fin-by-product:before,
button.selected:hover .fin-by-product:before,
button.selected .fin-by-status:before,
button.selected .fin-by-payment:before,
button.selected .fin-by-transaction:before,
button.selected:hover .fin-by-status:before,
button.selected .fin-by-type-account:before,
button.selected:hover .fin-by-type-account:before,
button.selected .fin-by-website:before,
button.selected:hover .fin-by-website:before,
button.selected .fin-button-toogle:before,
button.selected:hover .fin-button-toogle:before,
button.selected .fin-by-type:before,
button.selected:hover .fin-by-type:before,
button.selected .fin-by-bank-account:before,
button.selected:hover .fin-by-bank-account:before,
button.selected .fin-by-date:before,
button.selected:hover .fin-by-date:before,
.admin-settings button .fin-edit-btn:before,
.group-settings button .fin-edit-btn:before,
.website-settings button .website-list .fin-edit-btn:before,
.admin-settings button .fin-delete-btn:before,
.proxy-list button .fin-edit-btn:before {
  color: #fff;
}

button:hover:not(.active) .fin-by-bank:before,
button:hover:not(.active) .fin-by-group:before,
button:hover:not(.active) .fin-by-payment:before,
button:hover:not(.active) .fin-by-transaction:before,
button:hover:not(.active) .fin-by-product:before,
button:hover:not(.active) .fin-by-status:before,
button:hover:not(.active) .fin-by-type-account:before,
button:hover:not(.active) .fin-by-website:before,
button:hover:not(.active) .fin-button-toogle:before,
button:hover:not(.active) .fin-by-type:before,
button:hover:not(.active) .fin-by-bank-account:before,
button:hover:not(.active) .fin-by-date:before,
table tbody tr td .fin-button-toogle:hover:before,
.blue-icon .fin-strict-btn:before {
  color: #3B82F6;
}

table tbody tr td .fin-button-toogle:before {
  color: #9ca3af;
}

.fin-button-toogle {
  font-size: 8px;
}

.font-small {
  font-size: 19px !important;
}

.font-x-small {
  font-size: 10px !important;
}

.font-x-medium {
  font-size: 25px !important;
}

.font-x-large {
  font-size: 40px !important;
}

/* Tables */

.bank-account .tss-qw25q6-MUIDataTableSelectCell-fixedHeader{
  padding-left: 14px;
}

span .fin-edit-btn:before {
  color: black !important;
}

.riwayat-pga button.MuiButton-root.MuiButton-Primary,
.riwayat-pga table tr th.MuiTableCell-root.MuiTableCell-head div,
.bank-mutation button.MuiButton-root.MuiButton-Primary,
.bank-mutation table tr th.MuiTableCell-root.MuiTableCell-head div{
  font-weight: bold !important;
  color: #455368 !important;
  text-transform: uppercase;
}

.bank-account button.MuiButton-root.MuiButton-Primary,
.bank-account table tr th.MuiTableCell-root.MuiTableCell-head div,
.brand-pga button.MuiButton-root.MuiButton-Primary,
.brand-pga table tr th.MuiTableCell-root.MuiTableCell-head div,
.proxy-list button.MuiButton-root.MuiButton-Primary,
.proxy-list table tr th.MuiTableCell-root.MuiTableCell-head div,
/* .admin-log button.MuiButton-root.MuiButton-Primary, */
/* .admin-log table tr th.MuiTableCell-root.MuiTableCell-head div, */
/* .riwayat-withdraw button.MuiButton-root.MuiButton-Primary, */
.riwayat-withdraw table tr th.MuiTableCell-root.MuiTableCell-head div,
.adjustment-mutation button.MuiButton-root.MuiButton-Primary,
.adjustment-mutation table tr th.MuiTableCell-root.MuiTableCell-head div,
.mutation-history button.MuiButton-root.MuiButton-Primary,
.mutation-history table tr th.MuiTableCell-root.MuiTableCell-head div,
.admin-settings table tr th.MuiTableCell-root.MuiTableCell-head div,
/* .group-settings table tr th.MuiTableCell-root.MuiTableCell-head div, */
.riwayat-deposit-table table tr th.MuiTableCell-root.MuiTableCell-head div {
  font-weight: bold !important;
  color: #455368 !important;
  text-transform: uppercase;
  padding: 0;
  /* text-align: center !important; */
}

/* Do this… */
.expanded-row-odd,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.riwayat-withdraw table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.bank-account table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.admin-log table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.withdraw-deleted table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),

.oxplay-brand table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.brand-pga table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.admin-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.group-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.proxy-list table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.oxplay-brand table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd),
.website-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(odd) {
  background-color: #F6F9FF ;
}

/* …or this */
.expanded-row-even,
.bank-account table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.brand-pga table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.oxplay-brand table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.riwayat-withdraw table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.admin-log table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.withdraw-deleted table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.admin-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.group-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.proxy-list table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.oxplay-brand table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.website-settings table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even) {
  background-color: #fff !important;
}

.bank-account table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.admin-log table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.withdraw-deleted table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.oxplay-brand table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.brand-pga table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.riwayat-pga table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.riwayat-withdraw table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.adjustment-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.bank-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.mutation-history table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.admin-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.group-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.riwayat-deposit-table table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.auto-deposit table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.tarik-withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.website-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.oxplay-brand table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root,
.proxy-list table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root
 {
  background: #FFFFFF !important;
  box-shadow: 0px 2px 7px 5px rgba(0, 43, 173, 0.05) !important;
  border-radius: 6px !important;
}

/* .bank-account table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
.riwayat-pga table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
/* .admin-log table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .oxplay-brand table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .brand-pga table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
.adjustment-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.riwayat-withdraw table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
/* .bank-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
.mutation-history table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.admin-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root
/* .group-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .riwayat-deposit-table table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root */
/* .withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root */
/* .tarik-withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .website-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root */
 {
  padding: 5px 16px;
  text-align: center !important;
}

.auto-deposit tbody:before,
.oxplay-brand tbody:before,
.brand-pga tbody:before,
.website-settings tbody:before,
.admin-log tbody:before,
.withdraw-deleted tbody:before,
.group-settings tbody:before,
.proxy-list tbody:before
{
  line-height:1em;
  content:".";
  color: #F1F5F9; /* bacground color */
  display:block;
}

/* .bank-account table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.bank-account table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root, */
.riwayat-pga table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
/* .riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root, */
/* .riwayat-withdraw table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
.riwayat-withdraw table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.admin-log table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.withdraw-deleted table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.adjustment-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.adjustment-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
/* .bank-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .bank-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root, */
/* .mutation-history table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
/* .mutation-history table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root, */
.admin-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.group-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.riwayat-deposit-table table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.auto-deposit table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.withdraw-request table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
/* .tarik-withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root, */
.admin-settings table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.group-settings table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.website-settings table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.website-settings table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root
{
  text-align: center;
  border-bottom: 2px solid white !important;
}

.bank-account table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.riwayat-withdraw table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.admin-log table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.withdraw-deleted table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.adjustment-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.bank-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.mutation-history table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.admin-settings table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.group-settings table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.riwayat-deposit-table table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.auto-deposit table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.withdraw-request table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected,
.tarik-withdraw-request table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.mui-row-selected
{
  background-color: #D9F8FF !important;
}

.bank-account .tss-1cdcmys-MUIDataTable-responsiveBase,
.riwayat-pga .tss-1cdcmys-MUIDataTable-responsiveBase,
/* .riwayat-withdraw .tss-1cdcmys-MUIDataTable-responsiveBase, */
.admin-log .tss-1cdcmys-MUIDataTable-responsiveBase,
.withdraw-deleted .tss-1cdcmys-MUIDataTable-responsiveBase,
.oxplay-brand .tss-1cdcmys-MUIDataTable-responsiveBase,
.bank-mutation .tss-1cdcmys-MUIDataTable-responsiveBase,
.brand-pga .tss-1cdcmys-MUIDataTable-responsiveBase,
.proxy-list .tss-1cdcmys-MUIDataTable-responsiveBase,
.mutation-history .tss-1cdcmys-MUIDataTable-responsiveBase,
.admin-settings .tss-1cdcmys-MUIDataTable-responsiveBase,
.group-settings .tss-1cdcmys-MUIDataTable-responsiveBase,
.riwayat-deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 65vh !important;
  border-radius: 0.375rem;
}

.website-settings .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 57vh !important;
  border-radius: 0.375rem;
}

.bank-memo .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 60vh !important;
  border-radius: 0.375rem;
}

.app-settings .tab-panel .bankList::-webkit-scrollbar,
.bank-account .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.riwayat-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.riwayat-withdraw .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.admin-log .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.withdraw-deleted .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.oxplay-brand .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.brand-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.proxy-list .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.adjustment-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.bank-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.mutation-history .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.admin-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.group-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.load-bank .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.riwayat-deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.auto-deposit .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.withdraw-request .css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper::-webkit-scrollbar,
.tarik-withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.bank-memo .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar,
.website-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar
{
  width: 10px;
  height: 10px;
}

.app-settings .tab-panel .bankList::-webkit-scrollbar-thumb,
.bank-account .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.riwayat-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.riwayat-withdraw .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.admin-log .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.withdraw-deleted .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.oxplay-brand .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.brand-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.proxy-list .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.adjustment-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.bank-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.mutation-history .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.admin-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.group-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.load-bank .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.riwayat-deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.bank-memo .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.auto-deposit .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.tarik-withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb,
.website-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb
{
  background: #4173EA !important;
  border-radius: 10px;
}

.adjustment-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.bank-mutation .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.mutation-history .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.admin-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.group-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.auto-deposit .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.bank-memo .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.withdraw-request .css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper::-webkit-scrollbar-track,
.tarik-withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track{
  margin-top: 45px;
  background: #DCE6FF;
  border-radius: 10px;
}


.oxplay-brand .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.brand-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.proxy-list .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.website-settings .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.admin-log .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.withdraw-deleted .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.riwayat-withdraw .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.bank-memo .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.riwayat-deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track,
.bank-account .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track{
  margin-top: 60px;
  background: #DCE6FF;
  border-radius: 10px;
}

.load-bank .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track{
  margin-top: 10px;
  background: #DCE6FF;
  border-radius: 10px;
}

.riwayat-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track{
  margin-top: 85px;
  background: #DCE6FF;
  border-radius: 10px;
}

.riwayat-pga .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track:horizontal{
  margin: 10px;
  background: #DCE6FF;
  border-radius: 10px;
}


.app-settings .tab-panel .bankList::-webkit-scrollbar-track {
  margin-top: 0px;
  background: #DCE6FF;
  border-radius: 10px;
}

/* .tarik-withdraw-request table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root div.tss-1qtl85h-MUIDataTableBodyCell-root {
  text-align: center;
} */



  /* margin-top: 10px;
  background: #DCE6FF;
  border-radius: 10px;
} */


.action-container-green {
  height: 28px;
  background-color: #7EBF81;
}

.action-container-green-disable {
  height: 28px;
  background-color: rgb(138, 170, 135);
}

.action-container-icon-green {
  background-color: #73AC75;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-yellow {
  height: 28px;
  background-color: #FAD667;
}

.action-container-icon-yellow {
  background-color: #D8BD60;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-gray {
  height: 28px;
  background-color: #CFCFCF;
}

.action-container-icon-gray {
  background-color: #A5A4A4;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-red {
  height: 28px;
  background-color: #E95E6D;
}

.action-container-orange {
  background-color: #DC7D3F;
  height: 28px;
  line-height: 11px;
}

.action-container-icon-orange {
  background-color: #FF9855;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-yellow {
  height: 28px;
  background-color: #FFA928;
}

.action-container-green {
  height: 28px;
  background-color: #60B464;
}

.action-container-icon-red {
  background-color: #D0616D;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-blue {
  height: 28px;
  background-color: #8EADF7;
}

.action-container-icon-blue {
  background-color: #759BF8;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.action-container-blue-light {
  height: 28px;
  background-color: #F1F5FF;
}

.action-container-pink {
  height: 28px;
  background-color: #CDA0CA;
}

.action-container-green-text {
  color: #00BE90;
}

.action-container-yellow-text {
  color: #FFA928;
}

.action-container-gray-text {
  color: #979797;
}

.action-container-gray-text-light {
  color: #A1A1A1 !important;
}

.action-container-red-text {
  color: #F05677;
}

.action-container-blue-text {
  color: #4173EA;
}

.action-container-green-border {
  border-color: #00BE90;
  color: #00BE90 !important;
}

.action-container-yellow-border {
  border-color: #FFA928;
  color: #FFA928 !important;
}

.action-container-gray-border {
  border-color: #979797;
  color: #979797 !important;
}

.action-container-red-border {
  border-color: #F05677;
  color: #F05677 !important;
}

.action-container-blue-border {
  border-color: #4173EA;
  color: #4173EA !important;
}

/* Dropdown */

.bank-account div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.admin-log div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.riwayat-withdraw div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.group-settings div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.riwayat-pga div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.riwayat-withdraw div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.admin-settings div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded,
.group-settings div.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {
  border-radius: 15px;
  box-shadow: none;
}

.bank-account ul.MuiList-root.MuiList-padding.MuiMenu-list,
.bank-account ul input,
.add-drawer .add-modal .MuiCardHeader-root,
.edit-drawer .edit-modal .MuiCardHeader-root,
.riwayat-pga ul.MuiList-root.MuiList-padding.MuiMenu-list,
.riwayat-pga ul input,
.riwayat-withdraw ul.MuiList-root.MuiList-padding.MuiMenu-list,
.riwayat-withdraw ul input,
.admin-log ul.MuiList-root.MuiList-padding.MuiMenu-list,
.admin-log ul input,
.withdraw-deleted ul.MuiList-root.MuiList-padding.MuiMenu-list,
.withdraw-deleted ul input,
.adjustment-mutation ul.MuiList-root.MuiList-padding.MuiMenu-list,
.adjustment-mutation ul input,
.bank-mutation ul.MuiList-root.MuiList-padding.MuiMenu-list,
.bank-mutation ul input,
.mutation-history ul.MuiList-root.MuiList-padding.MuiMenu-list,
.mutation-history ul input,
.admin-settings ul input,
.group-settings ul input,
.color-input {
  background-color: #F1F5FF !important;
}

.withdraw-request .css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper{
  background-color: #F1F5FF !important;
  max-height: 50vh;

}

.withdraw-request .css-6hp17o-MuiList-root-MuiMenu-list {
  padding-top: 1px;
}

.color-input .MuiInputBase-root {
  height: 100%;
}

.color-input .MuiOutlinedInput-notchedOutline {
  border: 1px solid transparent;
  border-radius: 20px;
}

/* Modal */
.add-drawer div.MuiPaper-root,
.edit-drawer div.MuiPaper-root,
.add-drawer div.MuiPaper-root,
.edit-drawer div.MuiPaper-root {
  border-radius: 25px 0 0 25px !important;
  box-shadow: unset !important;
}

div.MuiBox-root.add-modal,
div.MuiBox-root.edit-modal,
div.MuiBox-root.add-modal,
div.MuiBox-root.edit-modal {
  width: 600px !important;
}

.MuiBox-root {
  padding: 0px !important
};

.add-modal .MuiCardHeader-root,
.edit-modal .MuiCardHeader-root {
  box-shadow: 0px 5px 14px -1px rgb(170 195 255 / 58%)
}

span.MuiSwitch-root {
  width: 100px !important;
}

span.MuiSwitch-thumb {
  background: white !important;
}

span.MuiSwitch-track {
  opacity: 1 !important;
  height: 24px;
  width: 60px;
  margin-top: -5px;
  border-radius: 20px !important;
}

.bank-account span.MuiSwitch-track,
.app-settings span.MuiSwitch-track {
  opacity: 1 !important;
  height: 24px;
  width: 60px;
  margin-top: -5px;
  border-radius: 20px !important;
}

span.MuiSwitch-switchBase {
  transform: translateX(6px);
}

span.MuiSwitch-switchBase.Mui-checked {
  transform: translateX(40px);
}

.uncheck-web span.MuiSwitch-track,
.uncheck span.MuiSwitch-track,
.on span.MuiSwitch-track {
  background: #60B464 !important;
}

.check-web span.MuiSwitch-track,
.check span.MuiSwitch-track,
.off span.MuiSwitch-track {
  background: #E95E6D !important;
}

.uncheck span.MuiSwitch-track,
.check span.MuiSwitch-track {
  position: absolute;
}

.switch-fix.app-settings .uncheck span.MuiSwitch-track,
.switch-fix.app-settings .check span.MuiSwitch-track {
  margin-left: 3px;
}

.bank-account .uncheck span.MuiSwitch-track::before,
.app-settings .uncheck span.MuiSwitch-track::before {
  content: 'aktif';
  position: absolute;
  display: block;
  top: 3px;
  right: 28px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}

.bank-account .check span.MuiSwitch-track::after,
.app-settings .check span.MuiSwitch-track::after {
  content: 'tidak';
  position: absolute;
  display: block;
  top: 3px;
  left: 26px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}

.uncheck span.MuiSwitch-track::before {
  content: 'aktif';
  position: absolute;
  display: block;
  top: 3px;
  right: 25px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}

.check span.MuiSwitch-track::after {
  content: 'tidak';
  position: absolute;
  display: block;
  top: 3px;
  left: 25px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}


.uncheck-web span.MuiSwitch-track::before {
  content: 'aktif';
  position: absolute;
  display: block;
  top: 10px;
  right: 36px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}

.check-web span.MuiSwitch-track::after {
  content: 'tidak';
  position: absolute;
  display: block;
  top: 10px;
  left: 18px;
  font-size: 12px;
  color: white;
  font-weight: 100;
}

.on span.MuiSwitch-track::before {
  content: 'on';
  position: absolute;
  display: block;
  top: 10px;
  right: 45px;
  font-size: 12px;
  color: white;
  font-weight: 100;
  text-transform: lowercase !important;
}

.off span.MuiSwitch-track::after {
  content: 'off';
  position: absolute;
  display: block;
  top: 10px;
  left: 25px;
  font-size: 12px;
  color: white;
  font-weight: 100;
  text-transform: lowercase !important;
}

.MuiPopover-root.drawer-menu .MuiPaper-root {
  transform: translate(10px, -45px) !important;
  width: 100% !important;
  box-shadow: 0px 4px 8px 2px rgba(138, 172, 255, 0.32) !important;
  padding: 10px 10px 10px 0;

}

.MuiPopover-root.drawer-menu .MuiPaper-root ul.MuiList-root.MuiList-padding.MuiMenu-list {
  max-height: 300px;
  overflow-y: auto;
  background-color: white !important;
  padding: 0;
}

.MuiPopover-root.drawer-menu .MuiPaper-root ul.MuiList-root.MuiList-padding.MuiMenu-list::-webkit-scrollbar {
  width: 10px;
}

.MuiPopover-root.drawer-menu .MuiPaper-root ul.MuiList-root.MuiList-padding.MuiMenu-list::-webkit-scrollbar-thumb {
  background: #4173EA;
  border-radius: 10px;
}

.MuiPopover-root.drawer-menu .MuiPaper-root ul.MuiList-root.MuiList-padding.MuiMenu-list::-webkit-scrollbar-track {
  background: #DCE6FF;
  border-radius: 10px;
}

label.MuiInputLabel-root {
  color: #4173EA;
  font-family: circular-black !important;
  font-size: 20px;
  margin-top: -1px;
  background: white;
  padding: 0 5px;
}

.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #4173EA !important;
}

.edit-drawer button.MuiButtonBase-root.MuiTab-root,
.admin-settings-tabs button.MuiButtonBase-root.MuiTab-root,
.group-settings-tabs button.MuiButtonBase-root.MuiTab-root,
.website-settings-tabs button.MuiButtonBase-root.MuiTab-root {
  font-family: circular-black !important;
  text-transform: capitalize !important;
}

.edit-drawer button.MuiButtonBase-root.MuiTab-root.Mui-selected,
.website-settings-tabs button.MuiButtonBase-root.MuiTab-root.Mui-selected {
  color: #4173EA !important;
  /* padding: 0 30px !important; */
}

.edit-drawer button.MuiButtonBase-root.MuiTab-root,
.website-settings-tabs button.MuiButtonBase-root.MuiTab-root {
  color: #DDDDDD !important;
  /* padding: 0 30px !important; */
}

.edit-drawer .MuiTabs-scroller.MuiTabs-fixed .MuiTabs-flexContainer,
.website-settings-tabs .MuiTabs-scroller.MuiTabs-fixed .MuiTabs-flexContainer {
  margin-top: -1px !important;
  border-bottom: 2px solid #DDDDDD !important;
  /* justify-content: space-between !important; */
}

.MuiSelect-select {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 13px !important;
}

/* Colors depending on status */
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-blue-500,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-blue-500,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-blue-500 {
  background-color: #FFF4E3 !important
}

.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500,
.riwayat-pga table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500,
.riwayat-deposit-table table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500,
.riwayat-deposit-table table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500,
.riwayat-deposit-table table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root.bg-red-500 {
  background-color: #FFF3F4 !important
}

.riwayat-deposit-table .expanded-row.bg-red-500 {
  background-color: #FFF3F4 !important
}

/* by tanggal custom menu item */
.admin-log .menu-item,
.riwayat-pga .menu-item,
.riwayat-withdraw .menu-item,
.adjustment-mutation .menu-item,
.bank-mutation .menu-item,
.suspicious-trans .menu-item,
.riwayat-deposit .menu-item,
.riwayat-pga .menu-item,
.riwayat-withdraw-pga .menu-item,
.mutation-history .menu-item {
  border: solid 1px;
  border-color: #3B82F6;
  background: white;
}

/* adjustment-mutation */
/* .adjustment-mutation .tss-1cdcmys-MUIDataTable-responsiveBase, */
/* .auto-deposit .tss-1cdcmys-MUIDataTable-responsiveBase, */
.mutation-history .tss-1cdcmys-MUIDataTable-responsiveBase{
  height: 30vh !important;
}

.adjustment-mutation .tss-1cdcmys-MUIDataTable-responsiveBase {
    height: 60vh !important; 
}

/* Color checkboxes table */
.adjustment-mutation .text-red-500 td div,
.adjustment-mutation .text-red-500 td p,
.adjustment-mutation .text-red-500 td svg,
.bank-mutation .text-red-500 td div,
.bank-mutation .text-red-500 td p,
.bank-mutation .text-red-500 td svg,
.bank-mutation .text-red-500 td i.fin-check-history:before,
.mutation-history .text-red-500 td div,
.mutation-history .text-red-500 td p,
.mutation-history .text-red-500 td svg {
  color: #ef4444 !important;
}

.adjustment-mutation .text-blue-700 td div,
.adjustment-mutation .text-blue-700 td p,
.adjustment-mutation .text-blue-700 td svg,
.bank-mutation .text-blue-700 td div,
.bank-mutation .text-blue-700 td p,
.bank-mutation .text-blue-700 td svg,
.bank-mutation .text-blue-700 td i.fin-check-history:before,
.mutation-history .text-blue-700 td div,
.mutation-history .text-blue-700 td p,
.mutation-history .text-blue-700 td svg,
.withdraw-request .text-blue-700 td div,
.withdraw-request .text-blue-700 td p,
.tarik-withdraw-request .text-blue-700 td div,
.tarik-withdraw-request .text-blue-700 td p
{
  color: #1d4ed8 !important;
}

.adjustment-mutation .text-gray-400 td div,
.adjustment-mutation .text-gray-400 td p,
.adjustment-mutation .text-gray-400 td svg,
.bank-mutation .text-gray-400 td div,
.bank-mutation .text-gray-400 td p,
.bank-mutation .text-gray-400 td svg,
.bank-mutation .text-gray-400 td i.fin-check-history:before,
.mutation-history .text-gray-400 td div,
.mutation-history .text-gray-400 td p,
.mutation-history .text-gray-400 td svg {
  color: #9ca3af !important;
}

.auto-deposit .text-gray-400 td i.fin-edit-auto-deposit:before,
.auto-deposit .text-gray-400 td i.fin-check-history:before,
.auto-deposit .text-gray-400 td svg {
  color: #455368 !important;
}

.bank-mutation table thead tr th.MuiTableCell-paddingCheckbox button.MuiButtonBase-root,
.bank-mutation table tbody tr td button.MuiButtonBase-root,
.adjustment-mutation table thead tr th.MuiTableCell-paddingCheckbox button.MuiButtonBase-root,
.adjustment-mutation table tbody tr td button.MuiButtonBase-root,
.mutation-history table thead tr th.MuiTableCell-paddingCheckbox button.MuiButtonBase-root,
.mutation-history table tbody tr td button.MuiButtonBase-root,
.admin-log table thead tr th.MuiTableCell-paddingCheckbox button.MuiButtonBase-root,
.admin-log table tbody tr td button.MuiButtonBase-root {
  display: none !important;
}
.withdraw-deleted table thead tr th.MuiTableCell-paddingCheckbox button.MuiButtonBase-root,
.withdraw-deleted table tbody tr td button.MuiButtonBase-root {
  display: none !important;
}

.expanded-row {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.01071em;
  vertical-align: inherit;
  text-align: left;
  padding: 16px;
  transform: translateY(-2px);
}

.expanded-row td {
  padding: 0 16px !important;
}

table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root span {
  text-align: center !important;
  display: contents !important;
  /* align-items: center; */
}

.adjustment-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.adjustment-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root,
.bank-mutation table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
/* .mutation-history table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.mutation-history table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root, */
.withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root,
.tarik-withdraw-request table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root
{
  padding: 0 16px;
}

.bank-mutation table.MuiTable-root tbody.MuiTableBody-root tr.MuiTableRow-root td.MuiTableCell-root{
  /* padding: 0 6px !important; */
}

.auto-deposit table.MuiTable-root thead.MuiTableHead-root tr.MuiTableRow-root th.MuiTableCell-root{
  padding: 0 16px;
  text-align: center;
}


/* DATE RANGE */

.adjustment-mutation #date-range ul.MuiList-root,
.bank-mutation #date-range ul.MuiList-root,
.mutation-history #date-range ul.MuiList-root {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  border-radius: 25px !important;
}

.adjustment-mutation #date-range ul.MuiList-root .Calendar__day.-selectedBetween,
.bank-mutation #date-range ul.MuiList-root .Calendar__day.-selectedBetween,
.mutation-history #date-range ul.MuiList-root .Calendar__day.-selectedBetween {
  color: #FFFFFF !important;
}

.admin-settings .admin-settings-tabs .MuiTabs-indicator,
.group-settings .admin-settings-tabs .MuiTabs-indicator,
.pga-vendor .admin-settings-tabs .MuiTabs-indicator,
.website-settings .admin-settings-tabs .MuiTabs-indicator,
.brand-pga .admin-settings-tabs .MuiTabs-indicator,
.riwayat-deposit .admin-settings-tabs .MuiTabs-indicator,
.riwayat-withdraw .admin-settings-tabs .MuiTabs-indicator,
.bank-mutation .admin-settings-tabs .MuiTabs-indicator,
.app-settings .app-settings-tabs span.MuiTabs-indicator {
  background-color: transparent !important;
}

span.MuiTabs-indicator {
  background-color: transparent !important;
}

.admin-settings-create .admin-group-setting-tabs .MuiTabs-indicator,
.admin-settings-edit .admin-group-setting-tabs .MuiTabs-indicator,
.group-settings-create .admin-group-setting-tabs .MuiTabs-indicator,
.group-settings-edit .admin-group-setting-tabs .MuiTabs-indicator{
  background-color: #3B82F6 !important;
}

.tabs-min-h {
  min-height: 40px !important;
}

.highcharts-credits {
  display: none;
}


/* NEW AUTOSLECT */
.popover-container {
  z-index: 1020 !important;
  padding: 10px 5px 10px 20px !important;
  background-color: #F1F5FF !important;
  border-radius: 15px !important;
  box-shadow: 0px 4px 10px rgba(0, 43, 173, 0.15);
}

.popover-container .MuiAutocomplete-noOptions {
  background-color: #F1F5FF !important;
  font-family: circular-black !important;
}

.popover-container .MuiAutocomplete-popper {
  width: 229px !important;
}

.popover-container .MuiAutocomplete-popper .MuiPaper-root {
  border-radius: 0px !important;
}

.popover-container ul.MuiAutocomplete-listbox {
  padding-right: 25px !important;
}

.popover-container ul.MuiAutocomplete-listbox::-webkit-scrollbar,
.riwayat-withdraw-pga .MuiPaper-rounded::-webkit-scrollbar,
.riwayat-pga .MuiPaper-rounded::-webkit-scrollbar

{
  width: 12px;
}

.popover-container ul.MuiAutocomplete-listbox::-webkit-scrollbar-thumb,
.riwayat-withdraw-pga .MuiPaper-rounded::-webkit-scrollbar-thumb,
.withdraw-request .css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper::-webkit-scrollbar-thumb,
.riwayat-pga .MuiPaper-rounded::-webkit-scrollbar-thumb
{
  background: #FFF;
  border-radius: 10px;
}

.popover-container ul.MuiAutocomplete-listbox::-webkit-scrollbar-track{
  background: #DCE6FF;
  border-radius: 10px;
}
.riwayat-withdraw-pga .MuiPaper-rounded::-webkit-scrollbar-track,
.riwayat-pga .MuiPaper-rounded::-webkit-scrollbar-track
{
  background: #DCE6FF;
  border-radius: 10px;
  margin-top: 45px;
}


.popover-container .MuiAutocomplete-listbox li {
  padding: 10px !important;
  border-radius: 15px !important;
  margin-bottom: 8px !important;
}

.popover-container .MuiAutocomplete-listbox li.Mui-focused {
  background-color: transparent !important;
}

.popover-container .MuiAutocomplete-listbox li[aria-selected="true"],
.popover-container .MuiAutocomplete-listbox li:hover {
  background-color: #3B82F6 !important;
}

.popover-container .MuiAutocomplete-listbox li div {
  color: #455368 !important;
  font-family: circular-black !important;
  font-size: 0.875rem !important
}

.popover-container .MuiAutocomplete-listbox li[aria-selected="true"] div,
.popover-container .MuiAutocomplete-listbox li:hover div {
  color: #FFF !important;
}

div.highcharts-button span {
  pointer-events: none;
}

div.highcharts-button-hover span .fin-left-arrow-btn:before,
div.highcharts-button-hover span .fin-right-arrow-btn:before {
  color: #8f8f8f;
}

.permission-settings::before {
  content: "Admin Group Settings Permission";
  position: absolute;
  transform: translate(13px, -12px);
  background: white;
  padding: 0 5px;
}

.access-website,
.other-settings {
  min-height: 400px;
}

.other-settings .MuiGrid-container {
  height: fit-content !important;
}

.access-website::before {
  content: "Website";
  position: absolute;
  transform: translate(13px, -12px);
  background: white;
  padding: 0 5px;
}

.other-settings::before {
  content: "Pengaturan Lain";
  position: absolute;
  transform: translate(13px, -12px);
  background: white;
  padding: 0 5px;
}

.deposit-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even) {
  background-color: #E9EFFF !important;
}

.withdraw-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even) {
  background-color: #FFF1F4 !important;
}

.operator-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even),
.summary-website-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root:nth-of-type(even) {
  background-color: #EEEEEE !important;
}

.deposit-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root .MuiTableCell-body,
.withdraw-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root .MuiTableCell-body,
.operator-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root .MuiTableCell-body,
.summary-website-table table.MuiTable-root tbody.MuiTableBody-root .MuiTableRow-root .MuiTableCell-body {
  padding: 7px 10px !important;
  font-size: 0.8rem;
}

.deposit-table table.MuiTable-root thead.MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,
.withdraw-table table.MuiTable-root thead.MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,
.operator-table table.MuiTable-root thead.MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,
.summary-website-table table.MuiTable-root thead.MuiTableHead-root .MuiTableRow-head .MuiTableCell-head {
  padding: 16px 7px 7px 7px !important;
  font-weight: bold !important;
  font-size: 0.8rem;
}

.deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase,
.withdraw-table .tss-1cdcmys-MUIDataTable-responsiveBase,
.operator-table .tss-1cdcmys-MUIDataTable-responsiveBase {
  direction: rtl;
  overflow-x: hidden !important;
}

.deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase .MuiTable-root,
.withdraw-table .tss-1cdcmys-MUIDataTable-responsiveBase .MuiTable-root,
.operator-table .tss-1cdcmys-MUIDataTable-responsiveBase .MuiTable-root {
  direction: ltr;
}

.deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 10px !important;
  width: 5px;
}

.deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar {
  height: 3px;
  width: 6.40px !important;
  background-color: #D9D9D9 !important;
  margin-left: -6px !important
}

.deposit-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb {
  background-color: #4173EA !important;
  border-radius: 4px !important;
}

.withdraw-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 10px !important;
  width: 5px;
}

.withdraw-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar {
  height: 3px;
  width: 6.40px !important;
  background-color: #D9D9D9 !important;
  margin-left: -6px !important
}

.withdraw-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb {
  background-color: #F05677 !important;
  border-radius: 4px !important;
}

.operator-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 10px !important;
  width: 5px;
}

.operator-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar {
  height: 3px;
  width: 6.40px !important;
  background-color: #D9D9D9 !important;
  margin-left: -6px !important
}

.operator-table .tss-1cdcmys-MUIDataTable-responsiveBase::-webkit-scrollbar-thumb {
  background-color: #979797 !important;
  border-radius: 4px !important;
}

/* ANIMATION */

img.loading-animation {
  height: 100px;
  width: 100px;
  transform: rotate(360deg);
  animation-name: loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.online-circle {
  background-color: #60B464;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  box-shadow: 0 0 8px #60B464, inset 0 0 8px #60B464;
  animation: pulse 2s linear 1s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 8px #88FF8E, inset 0 0 8px #60B464;
  }

  50% {
    box-shadow: 0 0 20px #88FF8E, inset 0 0 14px #60B464;
  }

  100% {
    box-shadow: 0 0 8px #88FF8E, inset 0 0 8px #60B464;
  }
}

.online-list {
  padding: 0px 0px !important;
}

.online-list li:nth-of-type(odd) {
  background-color: #F4F8FF !important;
}

.online-list li:first-child {
  border-radius: 10px 10px 0px 0px;
}

.online-list li:last-child {
  border-radius: 0px 0px 10px 10px;
}


/* LOAD BANK PAGE */
/* .load-bank .MuiToolbar-root.MuiToolbar-gutters, */
.load-bank thead.MuiTableHead-root {
  display: none !important;
}

.load-bank .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 70vh !important;
  border-radius: 0.375rem;
}

.riwayat-deposit-table .MuiTableCell-paddingCheckbox {
  display: none !important;
}

.riwayat-deposit-table thead tr th span button {
  padding: 6px 10px !important;
}

.riwayat-deposit-table thead tr th.text-left span button {
  justify-content: center !important;
}

.css-sox5kk-MuiBackdrop-root {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.color-header {
  background-color: #6592FF
}
.riwayat-withdraw .fin-Alert .path1:before {
  color: red;
}
.riwayat-withdraw .fin-check-tbl .path1:before {
  color: #60b464;
}
.riwayat-withdraw .fin-check-tbl .path2:before {
  color: #fff;
}

/* AUTO DEPOSIT */
.animation-down::before {
  position: absolute;
  margin-left: -10px;
  transform: translateY(20px);
  animation-name: buttonDown;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.animation-up::before {
  position: absolute;
  margin-left: -10px;
  transform: translateY(20px);
  animation-name: buttonUp;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* WITHDRAW REQUEST BANK PAGE */
.tarik-withdraw-request .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 50vh !important;
  border-radius: 0.375rem;
}

.riwayat-withdraw-pga .tss-1cdcmys-MUIDataTable-responsiveBase {
  height: 65vh !important;
  border-radius: 0.375rem;
}

/* withdraw-request */

.MuiTextField-root .MuiInputBase-multiline {
  padding: 8px 8px !important;
}

@keyframes buttonDown {
  0% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(25px);
  }
}
@keyframes buttonUp {
  0% {
    transform: translateY(25px);
  }

  50% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-15px);
  }
}

.showSidebar .app-content {
  width: calc(100% - 15rem) !important;
}

.app-content {
  transition: margin-left 200ms ease-in-out;
  width: calc(100% - 3.5rem);
}

.menu-bar::-webkit-scrollbar
{
  width: 5px;
  height: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.menu-bar::-webkit-scrollbar-thumb
{
  background: #acc4fc;
  border-radius: 10px;
}

.menu-bar::-webkit-scrollbar-track
{
  background: transparent;
  border-radius: 10px;
}

.app-settings .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: black;
}

.app-settings .css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root{
  padding-left: 0 !important;
}

.riwayat-withdraw .tss-rcqtis-MUIDataTableBodyCell-root div {
  padding: 0px
}

.admin-log .tss-rcqtis-MUIDataTableBodyCell-root{
  padding: 16px !important
}

.withdraw-deleted .tss-rcqtis-MUIDataTableBodyCell-root{
  padding: 16px !important
}

.app-settings .text-adornment {
  width: 180px;
  height: 40px;
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  z-index: 1;
  padding-left: 14px;
  text-transform: uppercase;
}

@media screen and (max-width: 500px) {
  .app-settings .text-adornment {
    width: 100px;
  }
}

/* .app-settings .refetch-input .css-vvf66v-MuiInputBase-input-MuiOutlinedInput-input {
  width: 360px;
} */

.app-settings .refetch-input .refecth-btn {
  border-radius: 10px;
  padding: 2px 10px;
  cursor: pointer;
}

.full-w-select.popover-container .MuiAutocomplete-popper {
  width: 500px !important;
}

.full-w-select.popover-container .MuiAutocomplete-listbox li {
  display: flex;
  align-items: center;
  height: 50px !important;
}

.full-w-select.popover-container .MuiAutocomplete-listbox li span.PrivateSwitchBase-root-1 {
  padding: 0px !important;
}

.full-w-select.popover-container .MuiAutocomplete-listbox li div {
  padding-left: 5px;
}

.full-w-select.popover-container .MuiAutocomplete-listbox li[aria-selected="true"], 
.full-w-select.popover-container .MuiAutocomplete-listbox li:hover {
  background-color: #BFD2FF !important;
  border-radius: 3px !important;
}

.full-w-select.popover-container .MuiAutocomplete-listbox li[aria-selected="true"] div, 
.full-w-select.popover-container .MuiAutocomplete-listbox li:hover div {
  color: #455368 !important;
}

.add-drawer .add-modal {
  overflow-y: hidden;
}

.add-drawer .add-modal .MuiCardContent-root {
  overflow-y: scroll;
  height: calc(100vh - 150px);
}

.add-drawer .add-modal .MuiCardContent-root::-webkit-scrollbar
{
  width: 10px;
  height: 10px;
}
.add-drawer .add-modal .MuiCardContent-root::-webkit-scrollbar-thumb
{
  background: #4173EA;
  border-radius: 10px;
}

.add-drawer .add-modal .MuiCardContent-root::-webkit-scrollbar-track
{
  background: #DCE6FF;
  border-radius: 10px;
}

/* .tss-gm6zfk-MUIDataTableHeadCell-fixedHeader,
.tss-1fz4yw6-MUIDataTableSelectCell-fixedLeft {
  z-index: 30 !important;
} */

.dashboard button.MuiToggleButton-root.Mui-selected {
  background-color: #00BE90 !important;
  color: #fff;
  margin-right: 5px;
  border-radius: 0;
  height: 30px;
  width: 75px;;
}

.dashboard button.MuiToggleButton-root {
  background-color: #BDBDBD !important;
  color: white;
  margin-right: 5px;
  border-radius: 0;
  height: 30px;
  width: 75px;
}