.comTypeBtn {
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #1590FF !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-color: #fff;
  color: #1590FF;
}

.uncomTypeBtn {
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background-color: #fff;
  color: #6F889E;
}

.createAccTypeBtn {
  padding: 18px 42px;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #1590FF !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-color: #fff;
  color: #1590FF;
}

.uncreateAccTypeBtn {
  padding: 18px 42px;
  justify-content: center;
  align-items: center;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background-color: #fff;
  color: #6F889E;
}

.statusBack {
  background-color: #0A0032 !important;
  border-radius: 4px;
}

.inputReadonly {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #B1CCE5 !important;
  margin-bottom: 0.3rem !important;
}

.uploadBody {
  border-radius: 4px;
  border: 0.5px dashed #93CCFF;
  background: #ECF5FD;
}

.uploadBodyWarning {
  border-radius: 4px;
  border: 0.5px dashed #ffd093;
  background: #fdf7ec;
}

.uploadBodyDanger {
  border-radius: 4px;
  border: 0.5px dashed #F08B9F;
  background: #FCE6EA;
}

.customProceed {
  border-radius: 4px;
  background: #0A0032;
  padding: 12px 75px;
  justify-content: center;
  color: #fff;
  border: none;
}

.customProceed:disabled {
  background: #BDD4E9 !important;
  cursor: not-allowed !important;
}

.customProceed:hover {
  background: #1590FF !important;
}

.customUpdate {
  border-radius: 4px;
  background: #0A0032;
  padding: 12px 45px;
  justify-content: center;
  color: #fff;
  border: none;
}

.customUpdate:disabled {
  background: #BDD4E9 !important;
  cursor: not-allowed !important;
}

.customUpdate:hover {
  background: #1590FF !important;
}

.filterClearBtn {
  border-radius: 4px;
  background: #fff;
  padding: 12px 20px;
  justify-content: center;
  color: #557591;
  border: 1px solid #BDD4E9;
  font-size: 14px;
  font-weight: 300;
}

.filterClearBtn:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 12px 20px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
}

.filterBtn {
  border-radius: 4px;
  background: #fff;
  padding: 12px 10px;
  justify-content: center;
  color: #557591;
  border: 1px solid #080023;
  font-size: 14px;
  font-weight: 300;
}

.exportBtnTrans {
  border-radius: 4px;
  background: #fff;
  padding: 12px 50px;
  justify-content: center;
  color: #557591;
  border: 1px solid #080023;
  font-size: 14px;
  font-weight: 300;
}

.exportBtnTrans:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 12px 50px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
}

.exportBtn {
  border-radius: 4px;
  background: #fff;
  padding: 12px 27px;
  justify-content: center;
  color: #557591;
  border: 1px solid #080023;
  font-size: 14px;
  font-weight: 300;
}

.exportBtn:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 12px 27px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
}

.withdrawBtn {
  border-radius: 4px;
  background: #fff;
  padding: 12px 27px;
  justify-content: center;
  color: #0A0032;
  border: 1px solid #080023;
  font-size: 14px;
  font-weight: 300;
}

.withdrawBtn:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 12px 27px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
}

.customUpdate2 {
  border-radius: 4px;
  background: #0A0032;
  padding: 12px 27px;
  justify-content: center;
  color: #fff;
  border: none;
}

.customUpdate2:hover {
  background: #1590FF !important;
}

.customUpdate2:disabled {
  background: #BDD4E9 !important;
  cursor: not-allowed !important;
}

.customUpdateCancel {
  border-radius: 4px;
  background: #fff;
  padding: 12px 45px;
  justify-content: center;
  color: #0A0032;
  border: 1px solid #0A0032;
}

.customUpdateCancel:disabled {
  background: #fff !important;
  color: #BDD4E9 !important;
  cursor: not-allowed !important;
  border: none !important;
}

.customUpdateCancel:hover {
  background: #1590FF !important;
  border: none !important;
  color: #fff;
}

.customUpdateCancelRed {
  border-radius: 4px;
  background: #fff;
  padding: 12px 45px;
  justify-content: center;
  color: #c2072c;
  border: 1px solid #c2072c;
}

.customUpdateCancelRed:disabled {
  background: #fff !important;
  color: #e9bdc2 !important;
  cursor: not-allowed !important;
  border: none !important;
}

.customUpdateCancelRed:hover {
  background: #ff1530 !important;
  border: none !important;
  color: #fff;
}

.filterSelectBtn {
  border-radius: 4px;
  background: #F5F9FC;
  padding: 16px 0px;
  justify-content: center;
  color: #557591;
  font-weight: 300;
  border: none;
  width: 100%;
}

.filterSelectBtn:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 16px 0px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
  width: 100%;
}

.filterSelectBtnSelected {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 16px 0px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
  width: 100%;
}

.tokenInput {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background-color: transparent !important;
  border-bottom: 2px solid #B1CCE5;
  border-radius: 0px !important;
  font-size: 22px !important;
  color: #182D41 !important;
  padding: 2px 5px !important;
  height: 50px !important;
  font-weight: 500 !important;
  display: block;
  width: 100%;
}

.upload-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.upload-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.circle-warning {
  width: 10px;
  height: 10px;
  background-color: #E5A535;
  border-radius: 50%;
}

.circle-success {
  width: 10px;
  height: 10px;
  background-color: #07BB8E;
  border-radius: 50%;
}

.circle-light-blue {
  width: 10px;
  height: 10px;
  background-color: #62B5FF;
  border-radius: 50%;
}

.circle-info {
  width: 10px;
  height: 10px;
  background-color: #1590FF;
  border-radius: 50%;
}

.circle-failed {
  width: 10px;
  height: 10px;
  background-color: #DE022E;
  border-radius: 50%;
}

.ngx-pagination .current {
  background-color: #EEF7FF !important;
  color: #1590FF !important;
}

.ngx-pagination a,
.ngx-pagination button {
  color: #1592ff66 !important;
  text-decoration: auto !important;
}

.ngx-pagination li a {
  text-decoration: none;
}

.ngx-pagination li.next a {
  text-decoration: none;
}

.ngx-pagination li.previous a {
  text-decoration: none;
}

.miden-color-round {
  color: #182D41 !important;
}

.miden-color-round-light {
  color: #557591 !important;
}

.modalTopHeader {
  background-color: #F0FAFF !important;
}

.cardTot {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.cardBackgroundMaster {
  border-radius: 16px;
  background: radial-gradient(120.24% 50.11% at 71.95% 58.71%, #67AAE5 0%, #157BD7 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  padding: 20px;
}

.cardBackgroundMasterBlur {
  border-radius: 16px;
  background: radial-gradient(120.24% 50.11% at 71.95% 58.71%, #67AAE5 0%, #157BD7 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  /* filter: blur(5px); */
  padding: 20px;
  /* pointer-events: none; */
}

.cardBackgroundVisa {
  border-radius: 16px;
  background: radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  padding: 20px;
}

.cardBackgroundVisaBlur {
  border-radius: 16px;
  background: radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  /* filter: blur(5px);
    pointer-events: none; */
  padding: 20px;
}

.cardBackgroundVerve {
  border-radius: 16px;
  background: radial-gradient(120.24% 50.11% at 71.95% 58.71%, #F18F39 0%, #E06B03 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  padding: 20px;
}

.cardBackgroundVerveBlur {
  border-radius: 16px;
  background: radial-gradient(120.24% 50.11% at 71.95% 58.71%, #F18F39 0%, #E06B03 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #1D077B 0%, #0A0034 100%);
  box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
  /* filter: blur(5px);
    pointer-events: none; */
  padding: 20px;
}

.selectWalletFundSelected {
  border-radius: 4px;
  border: 1px solid #1590FF;
  background: #F3FBFF;
  padding: 10px 15px;
}

.selectWalletFundUnSelected {
  border-radius: 4px;
  border: 1px solid #E1EBF5;
  background: #F3FBFF;
  padding: 10px 15px;
}

.selectWalletFundUnSelectedSecond {
  border-radius: 4px;
  border: 1px solid #E1EBF5;
  padding: 10px 15px;
}

.selectWalletTopUpSelected {
  border-radius: 4px;
  border: 1px solid #1590FF;
  background: #F8FDFF;
  padding: 10px 15px;
  width: 100%;
}

.selectWalletTopUnSelected {
  border-radius: 4px;
  border: 1px solid #E1EBF5;
  background: #F8FDFF;
  padding: 10px 15px;
  width: 100%;
}

.textTDarker {
  color: #182D41;
}

.textTLighter {
  color: #8FAECA;
}

.counterNoBlue {
  width: 24px;
  height: 24px;
  font-size: 11px;
  background-position: center;
  border-radius: 50%;
  padding: 3px 9px;
  color: #1590FF;
  border: 1px solid #1590FF;
}

.counterNoNotBlue {
  width: 24px;
  height: 24px;
  font-size: 11px;
  background-position: center;
  border-radius: 50%;
  padding: 3px 9px;
  color: #8FAECA;
  border: 1px solid #8FAECA;
}

.sideApp {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #182D41;
}

.sideAppIcon {
  padding: 10px 7px;
  background-color: #F5F9FC;
  border-radius: 50%;
  fill: #fff;
}

.sideApIcon>svg {
  fill: #9DBFDE;
}

.sideApp:hover {
  background-color: #ECF5FD;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #182D41;
}

.sideAppIcon:hover {
  padding: 10px 7px;
  background-color: #1590FF;
  border-radius: 50%;
}

.sideAppColor {
  background-color: #ECF5FD;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #182D41;
  border-right: 3px solid #1590FF;
}

.sideAppIconColor {
  padding: 10px 7px;
  background-color: #1590FF;
  border-radius: 50%;
}

.sideApIconColor>svg {
  fill: #fff;
}

.viewAccBtn {
  border-radius: 4px;
  background: #fff;
  padding: 12px 57px;
  justify-content: center;
  color: #080023;
  border: 1px solid #080023;
  font-size: 16px;
  font-weight: 300;
}

.viewAccBtn:hover {
  border-radius: 4px;
  background: #ECF5FD;
  padding: 12px 57px;
  justify-content: center;
  color: #3490e2;
  font-weight: 300;
  border: 1px solid #93CCFF;
}

.swapInput {
  width: 100%;
  border: 0px;
  font-size: 32px;
  font-weight: 500;
  color: #182D41;
  background: transparent;
}

.swapInputReadonly {
  width: 100%;
  border: 0px !important;
  font-size: 32px;
  font-weight: 500;
  color: #182D41;
  background: transparent !important;
  pointer-events: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.unfreezeBtn {
  border-radius: 4px;
  background: #fff;
  padding: 10px 45px;
  justify-content: center;
  color: #0A0032;
  border: none;
}

.addWalletBtn {
  color: #0E0048;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid #0E0048;
}

.addWalletBtn:hover {
  color: #44A6FF;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid #44A6FF;
}

.addWalletAccountBtn {
  color: #fff;
  background: #0E0048;
  padding: 7px 14px;
  border-radius: 4px;
}

.addWalletAccountBtn:hover {
  color: #fff;
  background: #44A6FF;
  padding: 7px 14px;
  border-radius: 4px;
}

.settingSvgHeader {
  fill: #8FAECA;
}

.settingSvgHeader:hover {
  fill: #1590FF;
}

.sideSettings {
  margin: 0px 20px 0px 30px;
  padding: 6px 10px 4px 10px;
  border-radius: 4px;
  color: #8FAECA;
}

.sideSettings:hover {
  background-color: #F0FAFF;
}

.sideSettings:hover svg {
  fill: #1383E8 !important;
}

.sideSettings:hover p {
  color: #1383E8 !important;
}

.sideSettingsActive {
  background-color: #F0FAFF;
  margin: 0px 20px 0px 30px;
  padding: 6px 10px 4px 10px;
  border-radius: 4px;
  color: #1383E8;
}

.sideSettingsActive svg {
  fill: #1383E8 !important;
}

.userDshboardName {
  background: linear-gradient(86deg, #62B1F9 50.18%, #FF7315 84.65%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.putCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.loginCard {
  box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background: #fff;
  padding: 20px 45px;
}

th {
  overflow: hidden !important;
  white-space: nowrap !important;
}

td {
  overflow: hidden !important;
  white-space: nowrap !important;
}