.comTypeBtn {
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #ED722F !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: #fff;
    background: linear-gradient(135deg, #ED722F 0%, #DB3378 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.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 #F7BE9F;
    background: linear-gradient(135deg, rgba(237, 114, 47, 0.03) 0%, rgba(219, 51, 120, 0.03) 100%);
}

.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; */
    background: linear-gradient(45deg, #ff6b6b, #f94d6a, #f31e5a);
    color: #fff;
    transition: transform 0.2s ease-in-out;
    outline: none;
}

.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; */
    background: linear-gradient(45deg, #ff6b6b, #f94d6a, #f31e5a);
    color: #fff;
    transition: transform 0.2s ease-in-out;
    outline: none;
}

.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: #FEF6F1 !important;
    color: #ED722F !important;
}

.ngx-pagination a,
.ngx-pagination button {
    color: #ef6820 !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: #FEF6F1 !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%, #F7609E 0%, #C72E6D 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #F7609E 0%, #C72E6D 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%, #F7609E 0%, #C72E6D 100%), radial-gradient(127.99% 48.01% at 68.83% 49.93%, #F7609E 0%, #C72E6D 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%, #B52F4F 0%, #8C1B36 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%, #B52F4F 0%, #8C1B36 100%);
    box-shadow: 0px 9px 64px 0px rgba(10, 0, 52, 0.20);
    filter: blur(5px);
    padding: 20px;
    pointer-events: none;
}

.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);
    padding: 20px;
    pointer-events: none;
}

.selectWalletFundSelected {
    border-radius: 4px;
    border: 1px solid #D8682B;
    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 #F3A174;
    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;
}

.settingSvgHeader {
    fill: #8FAECA;
}

.settingSvgHeader:hover {
    fill: #ED722F;
}

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

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

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

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

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

.sideSettingsActive svg {
    fill: #ED722F !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;
}

.textCardGradient {
    background: linear-gradient(86deg, #ED722F 50.18%, #DB3378 84.65%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.initiateDashboard {
    background-color: #fff;
    border: 1px solid #D9DBEE;
    border-radius: 4px;
    cursor: pointer;
}

.initiateDashboard:hover {
    background-color: #fff;
    border: 1px solid #ED722F;
    border-radius: 4px;
    cursor: pointer;
}