* {
    box-sizing: border-box;
}

:root {
    --terra-primary-color: #0B0C12;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Aeonik-Regular';
}

html::-webkit-scrollbar {
    display: none !important;
}

p+p {
    margin-top: 0 !important;
}

.suspense {
    width: 100%;
    height: 100vh;
    background-color: rgb(8, 8, 8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.not-found {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.not-found-text {
    font-size: 150px;
    line-height: 50px;
}

.disabled {
    opacity: .35 !important;
    pointer-events: none !important;
}

.disabled-lt {
    opacity: .65 !important;
    pointer-events: none !important;
}

.disabled-pt {
    pointer-events: none !important;
}


a {
    text-decoration: none !important;
}

a:focus,
a:active,
.btn:focus,
.btn:active {
    box-shadow: none !important;
    outline: none !important;
}

label {
    line-height: 13px;
}

.alert {
    border-radius: 5px;
}

.container-fluid {
    width: 91%;
}

@media (min-width: 1280px) {
    .container.md {
        max-width: 1216px;
    }
}

.modal-backdrop {
    background-color: rgba(30, 19, 53, 0.83);
}

.modal-backdrop.show {
    opacity: 1;
}

.placeholder {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #e0e4ec;
    z-index: 2;
    border-radius: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
}

.placeholder .activity {
    position: absolute;
    left: -45%;
    height: 100%;
    width: 45%;

    background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
    background-image: -moz-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));
    background-image: -webkit-linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));

    z-index: 3;
}

.placeholder .activity.flicker {
    animation: place-loading 1s infinite !important;
}

@keyframes place-loading {
    0% {
        left: -45%;
    }

    100% {
        left: 100%;
    }
}


.toast-inner {
    position: fixed;
    z-index: 5000;
    width: 300px;
    padding: 0.55rem 0.95rem;
    border-radius: 8px;
    min-height: 68px;
    background-color: #2196F3;
    box-shadow: 0 8px 40px 0 rgba(96, 108, 115, 0.2);

    top: 0;
    margin-right: 2rem;
    margin-left: 2rem;
    line-height: 20px;
}

.toast-inner.top-left {
    top: 0;
    margin-top: 3rem;
    left: 0;
}

.toast-inner.top-right {
    top: 0;
    margin-top: 3rem;
    right: 0;
}

.toast-inner.top-center {
    top: 0;
    margin-top: 3rem;
    margin-left: 28%;
}

.toast-inner.bottom-left {
    bottom: 0;
    margin-top: -3rem;
    left: 0;
}

.toast-inner.bottom-right {
    bottom: 0;
    margin-top: -3rem;
    right: 0;
}

.toast-inner.bottom-center {
    bottom: 0;
    margin-top: -3rem;
    margin-left: 28%;
}

.toast-inner.toaster {
    display: flex;
    align-items: center;
    min-height: 50px;
    border-radius: 8px;
}

.mint-bg {
    background-color: #F6F7F9;
}

.logo-icon img {
    width: 100px;
}

.logo-icon.lg img {
    width: 130px;
}

/* brand colors */

.brand-red,
.brand-red span {
    color: #ff0000 !important;
}

.brand-purple,
.brand-purple span {
    color: #3E05AD !important;
}

.brand-purple-dark,
.brand-purple-dark span {
    color: #1d0055 !important;
}

.brand-lpurple,
.brand-lpurple span {
    color: #684BA5 !important;
}

.brand-vlpurple,
.brand-vlpurple span {
    color: #756694 !important;
}

.brand-dpurple,
.brand-dpurple span {
    color: #534177 !important;
}

.brand-coalpurple,
.brand-coalpurple span {
    color: #604990 !important;
}

.brand-magenta,
.brand-magenta span {
    color: #A50566 !important;
}

.brand-dmagenta,
.brand-dmagenta span {
    color: #8B0355 !important;
}

.brand-lmagenta,
.brand-lmagenta span {
    color: #D160A4 !important;
}

.brand-textmain {
    color: #1E1335 !important;
}

.brand-indigo,
.brand-indigo span {
    color: #6C529F !important;
}

.brand-indigo-deepdark,
.brand-indigo-deepdark span {
    color: #6E1698 !important;
}

.brand-indigo-bright,
.brand-indigo-bright span {
    color: #A249CC !important;
}

.brand-indigo-dark,
.brand-indigo-dark span {
    color: #5d12a4 !important;
}

.brand-dindigo,
.brand-dindigo span {
    color: #320688 !important;
}

.brand-vdindigo,
.brand-vdindigo span {
    color: #462F72 !important;
}

.brand-violet,
.brand-violet span {
    color: #342158 !important;
}

.brand-dviolet,
.brand-dviolet span {
    color: #15082F !important;
}

.brand-vdviolet,
.brand-vdviolet span {
    color: #2B194F !important;
}

.brand-pink,
.brand-pink span {
    color: #8F0E82 !important;
}

.brand-pink-dark,
.brand-pink-dark span {
    color: #9A078B !important;
}

.brand-gold,
.brand-gold span {
    color: #FC9706 !important;
}


.bgterra-orange {
    background-color: #FF6315 !important;
}

.brand-orange,
.brand-orange span {
    color: #FC9706 !important;
}

.brand-black,
.brand-black span {
    color: #0B0C12 !important;
}

.brand-red,
.brand-red span {
    color: #FF0000 !important;
}

.brand-icondm,
.brand-icondm span {
    color: #535878 !important;
}

.brand-icondl,
.brand-icondl span {
    color: #AFB5DD !important;
}

.brand-iconem,
.brand-iconem span {
    color: #FF6315 !important;
}

.brand-iconel,
.brand-iconel span {
    color: #FFCBB1 !important;
}

/* brand-secondary */
.brand-light,
.brand-light span {
    color: #9EA5CF !important;
}

.brand-bright,
.brand-bright span {
    color: #CAD1EE !important;
}

.brand-purple-dim,
.brand-purple-dim span {
    color: #584A74 !important;
}

.brand-dim,
.brand-dim span {
    color: #7771a2 !important;
}

.brand-dimlight,
.brand-dimlight span {
    color: #5E647C !important;
}

.brand-dimbright,
.brand-dimbright span {
    color: #a6afd2 !important;
}

.brand-blacklight,
.brand-blacklight span {
    color: #606681 !important;
}

.brand-bluelight,
.brand-bluelight span {
    color: #BBC0E9 !important;
}

.brand-textmuted,
.brand-textmuted span {
    color: #C8CBEA !important;
}

.brand-linkblue,
.brand-linkblue span {
    color: #6F8AFF !important;
}

/* brand-textbox */
.brand-inlabel {
    color: #1E1335 !important;
}

.brand-inmodal-bg {
    background-color: #F7F3FF !important;
}

.brand-inform-bg {
    background-color: #F7F3FF !important;
}

/* brand-buttons */
.bg-vacemuted {
    background-color: #323A55 !important;
}

.bg-vacecard {
    background-color: #121522 !important;
}

.bg-terrabright {
    background: #F9F6FF !important;
}

.bg-terralight {
    background: #F0E8FF !important;
}

.bg-terralgray {
    background: #eeedfd !important;
}

.bg-terrapink {
    background: #BEB3D4 !important;
}

.bg-terramilkpink {
    background: #F1EAFF !important;
}

.bg-terrampink {
    background: #d3c0fc !important;
}

.bgd-orange,
.bgd-orange:focus,
.bgd-orange:active {
    background: linear-gradient(149deg, #FF6315 1.4%, #E5451A 116.97%) !important;
    background-clip: padding-box !important;
}

.bg-brand-milk {
    background-color: #D1E2FC !important;
}

.bg-brand-lmilk {
    background-color: #E5E6ED !important;
}

.brand-vprimary {
    color: var(--terra-primary-color) !important;
}

.bg-brand-vprimary {
    background-color: var(--terra-primary-color) !important;
}

.bg-brand-vvdprimary {
    background-color: #25283D !important;
}

.bg-brand-vlprimary {
    background-color: #2A2D3F !important;
}

.bg-brand-vvlprimary {
    background-color: #8489A8 !important;
}

.bg-brand-lvprimary {
    background-color: #191D2D !important;
}

.bg-brand-vacemidlight {
    background-color: #1F2337 !important;
}

.bg-brand-vacelight {
    background-color: #AFB5DD !important;
}

.bg-brand-llvprimary {
    background-color: #2E3449 !important;
}

.bg-brand-vacedlight {
    background-color: #474D67 !important;
}

.bg-brand-vsecondary {
    background-color: #202433 !important;
}

.bg-brand-dvsecondary {
    background-color: #31364A !important;
}

.bg-brand-midvsecondary {
    background-color: #2C324A !important;
}

.bg-brand-smidvsecondary {
    background-color: #4A5271 !important;
}

.bg-brand-lvsecondary {
    background-color: #2D324A !important;
}

.bg-brand-vblack {
    background-color: #F7F3FF !important;
}

.bg-brand-vlblack {
    background-color: #262B3E !important;
}

.bg-brand-mblack {
    background-color: #222638 !important
}

.bg-brand-ldgray {
    background-color: #2F3253 !important
}

.bg-brand-mdgray {
    background-color: #535878 !important
}

.bg-brand-mdvgray {
    background-color: #454877 !important
}

.bg-brand-midpurple {
    background-color: #423873 !important
}

.bg-brand-vpurple {
    background-color: #272B3A !important
}

.bg-brand-vlpurple {
    background-color: #E8D6FF !important
}

.bg-mint {
    background-color: #ffffff !important;
}

.bg-brand-lvgray {
    background-color: #1A1F31 !important;
}

.bg-brand-lash {
    background-color: #1F2338 !important;
}

.bg-brand-dash {
    background-color: #3A3D56 !important;
}

.brand-vorange {
    color: #FF6315 !important;
}

.brand-dvorange {
    color: #521A00 !important;
}

.bg-brand-vorange {
    background-color: #FF6315 !important;
}

.bg-brand-lorange {
    background-color: #FF631540 !important;
}

.bg-brand-dvorange {
    background-color: #521A00 !important;
}

.bg-brand-tgreen {
    background-color: #39cb3f !important;
}

.bg-purple {
    background: #3E05AD !important;
}

.bg-lpurple {
    background: #E6DBFB !important;
}

.bg-terralpurple {
    background-color: #E7DEF8 !important;
}

.bg-purple-lightmilk {
    background-color: #F6F1FF !important;
}

.bg-purple-light {
    background-color: #f2ecfe !important;
}

.bg-purple-bright {
    background: #e5dfff !important;
}

.bg-terrabpurple {
    background: #D1C3EC !important;
}

.bg-terravlpurple {
    background: #E9DFFF !important;
}

.bg-terramilkpurple {
    background: #DED3F4 !important;
}

.bg-terradpurple {
    background: #1E1335 !important;
}

.bg-terrampurple {
    background: #B9B0CB !important;
}

.bg-violet {
    background: #7a36ff !important;
}

.bg-violet-dark {
    background: #3E2B65 !important;
}

.bg-terragold {
    background: #FC9706 !important;
}

.bg-purple-bright {
    background-color: #FF631525;
}

.brand-bluedark {
    color: #03002E !important;
}

.brand-nblue {
    color: #17153D !important;
}

.brand-auth {
    color: #C3C2FB !important;
}

.bg-violet-light {
    background: #fbf9ff !important;
}

.bg-brand-dpauth {
    background: #AEABD326 !important;
}

.bg-brand-ash {
    background: #252B41 !important;
}

.bg-brand-auth {
    background-color: #C3C2FB !important;
}

.bg-dashtable {
    background-color: #0D0B29 !important;
}

.brand-thdash {
    color: #9D9AC6 !important;
}

.bg-brand-thdash {
    background-color: #9D9AC6 !important;
}

.brand-tddash {
    color: #C3C0EA !important;
}

.bg-brand-tddash {
    background-color: #C3C0EA !important;
}

.bg-brand-tgray {
    background-color: #31364A !important;
}

.brand-black {
    color: #060420 !important;
}

.bg-brand-black {
    background-color: #060420 !important;
}

.brand-red,
.brand-red span {
    color: #DA164E !important
}

.bg-brand-red {
    background-color: #DA164E !important
}

.brand-gd-red,
.brand-gd-red span {
    background: linear-gradient(149deg, #fa386f 1.4%, #c9033b 116.97%);
}

.bgd-red {
    background: linear-gradient(149deg, #fa386f 1.4%, #c9033b 116.97%);
    background-clip: padding-box;
}

.brand-yellow,
.brand-yellow span {
    color: #F7B331 !important
}

.bg-brand-yellow {
    background-color: #F7B331 !important
}

.brand-yellow-bright,
.brand-yellow-bright span {
    color: #965506 !important;
}

.brand-yellow-dark,
.brand-yellow-dark span {
    color: #965506 !important;
}


.brand-green-dark,
.brand-green-dark span {
    color: #358013 !important;
}

.bg-brand-green {
    background-color: #27A62C !important
}

.brand-gd-yellow,
.brand-gd-yellow span {
    background: linear-gradient(149deg, #F7B331 1.4%, #FA386F 116.97%);
}

.bgd-yellow,
.bgd-yellow:focus,
.bgd-yellow:active {
    background: linear-gradient(149deg, #F7B331 1.4%, #FA386F 116.97%) !important;
    background-clip: padding-box !important;
}

.brand-blue,
.brand-blue span {
    color: #03BBFF !important
}


.brand-blue-bright,
.brand-blue-bright span {
    color: #184B8E !important;
}

.brand-blue-dark,
.brand-blue-dark span {
    color: #184B8E !important;
}

.bg-brand-blue {
    background-color: #03BBFF !important
}

.bg-brand-dblue {
    background-color: #F7F3FF !important
}

.bg-brand-dnavyblue {
    background-color: #1F2332 !important
}

.bg-brand-ddblue {
    background-color: #202339 !important
}

.bg-brand-mdblue {
    background-color: #171B2B !important
}

.bg-brand-vdblue {
    background-color: #1F2337 !important
}

.brand-gd-blue,
.brand-gd-blue span {
    background: linear-gradient(149deg, #5403FF 1.4%, #03BBFF 116.97%);
}

.bgd-blue,
.bgd-blue:focus,
.bgd-blue:active {
    background: linear-gradient(149deg, #5403FF 1.4%, #03BBFF 116.97%) !important;
    background-clip: padding-box !important;
}

.brand-disable,
.brand-disable span {
    color: #534F87 !important
}

.bg-brand-disable {
    background-color: #534F87 !important
}

.brand-gd-disable,
.brand-gd-disable span {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.bgd-disable,
.bgd-disable:focus,
.bgd-disable:active {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%) !important;
    background-clip: padding-box !important;
}

.brand-gd-purple,
.brand-gd-purple span {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.bgd-purple,
.bgd-purple:focus,
.bgd-purple:active {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%) !important;
    background-clip: padding-box !important;
}

.brand-gd-green,
.brand-gd-green span {
    background: linear-gradient(149deg, #37F9BF 1.4%, #5BB8DF 116.97%);
}

.bgd-green,
.bgd-green:active,
.bgd-green:focus {
    background: linear-gradient(149deg, #37F9BF 1.4%, #5BB8DF 116.97%) !important;
    background-clip: padding-box !important;
}

/* gradients */
.bg-btgradient,
.bg-btgradient:active,
.bg-btgradient:focus {
    background: linear-gradient(90deg, rgba(3, 187, 255, 1) 0%, rgba(2, 94, 178, 1) 100%);
    background-clip: padding-box;
}

.bg-bfgradient,
.bg-bfgradient:active,
.bg-bfgradient:focus {
    background: linear-gradient(90deg, rgba(3, 119, 255, 1) 0%, rgba(1, 50, 123, 1) 100%);
    background-clip: padding-box;
}

.bg-pgradient,
.bg-pgradient:active,
.bg-pgradient:focus {
    background: linear-gradient(90deg, rgba(250, 56, 111, 1) 0%, rgba(192, 29, 219, 1) 100%);
    background-clip: padding-box;
}

/* end brand colors */

.ts-icon {
    position: relative;
    color: #9B89C2;
}

.ts-icon i {
    font-style: normal;
}

.ts-icon .path1::before {
    color: #9B89C2;
}

.ts-icon .path2::before {
    color: #CABDE5;
}

.ts-icon.trio .path2::before {
    color: #9B89C2;
}

.ts-icon.trio .path3::before {
    color: #CABDE5;
}

.ts-icon.flip .path1::before {
    color: #CABDE5;
}

.ts-icon.flip .path2::before {
    color: #9B89C2;
}

.ts-icon.flip.trio .path2::before {
    color: #CABDE5;
}

.ts-icon.flip.trio .path3::before {
    color: #9B89C2;
}

.ts-icon.active,
.ts-icon:hover,
.ts-icon.active .path1::before,
.ts-icon:hover .path1::before {
    color: #3E05AD;
}

.ts-icon.active .path2::before,
.ts-icon:hover .path2::before {
    color: #FC9706;
}

.ts-icon.active.trio .path2::before,
.ts-icon.trio:hover .path2::before {
    color: #3E05AD;
}

.ts-icon.active.merge.trio .path2::before,
.ts-icon.merge.trio:hover .path2::before {
    color: #FC9706;
}

.ts-icon.active.trio .path3::before,
.ts-icon.trio:hover .path3::before {
    color: #FC9706;
}

.ts-icon.flip.active .path1::before,
.ts-icon.flip:hover .path1::before {
    color: #FC9706;
}

.ts-icon.flip.active .path2::before,
.ts-icon.flip:hover .path2::before {
    color: #3E05AD;
}

.ts-icon.flip.trio.active .path2::before,
.ts-icon.flip.trio:hover .path2::before {
    color: #FC9706;
}

.ts-icon.flip.trio.active .path3::before,
.ts-icon.flip.trio:hover .path3::before {
    color: #3E05AD;
}

.ts-icon.quad .path1::before,
.ts-icon.quad .path2::before,
.ts-icon.quad.flip .path3::before,
.ts-icon.quad.flip .path4::before {
    color: #9B89C2;
}

.ts-icon.quad .path3::before,
.ts-icon.quad .path4::before,
.ts-icon.quad.flip .path1::before,
.ts-icon.quad.flip .path2::before {
    color: #CABDE5;
}

.ts-icon.quad:hover .path1::before,
.ts-icon.quad:hover .path2::before,
.ts-icon.quad.active .path1::before,
.ts-icon.quad.active .path2::before,
.ts-icon.quad.flip:hover .path3::before,
.ts-icon.quad.flip:hover .path4::before,
.ts-icon.quad.flip.active .path3::before,
.ts-icon.quad.flip.active .path4::before {
    color: #3E05AD;
}

.ts-icon.quad:hover .path3::before,
.ts-icon.quad:hover .path4::before,
.ts-icon.quad.active .path3::before,
.ts-icon.quad.active .path4::before,
.ts-icon.quad.flip:hover .path1::before,
.ts-icon.quad.flip:hover .path2::before,
.ts-icon.quad.flip.active .path1::before,
.ts-icon.quad.flip.active .path2::before {
    color: #FC9706;
}

/*  */

/* hero */
.hero {
    width: 100%;
}

.hero .hero-inner {
    height: 75vh;
    display: flex;
    align-items: center;
}

.hero.hero-home .hero-inner {
    height: 100vh;
}

.hero .hero-inner.md {
    height: 60vh;
}

.hero .hero-inner.lmd {
    height: 75vh;
}

.hero .hero-inner.sm {
    height: 40vh;
}

.hero .hero-inner.full {
    height: 100vh;
}

.hero .hero-inner.top {
    background: rgb(8, 22, 25);
    background: linear-gradient(180deg, rgb(8 22 25 / 5%) 0%, rgb(8 22 25 / 2%) 100%);
}

.hero .hero-fixed {
    height: 100vh;
    background: rgb(8, 22, 25);
    background: linear-gradient(180deg, rgb(8 22 25 / 5%) 0%, rgb(8 22 25 / 2%) 100%);
}

.hero .caption,
.hero .caption span {
    font-size: 65px;
    line-height: 68px;
}

.hero .caption.mini,
.hero .caption.mini span {
    font-size: 30px;
    line-height: 45px;
}

.hero .caption.xs,
.hero .caption.xs span {
    font-size: 45px;
    line-height: 55px;
}

.hero .caption.sm,
.hero .caption.sm span {
    font-size: 51px;
    line-height: 56px;
}

.hero .caption.sml,
.hero .caption.sml span {
    font-size: 56px;
    line-height: 58px;
}

.hero .caption.md,
.hero .caption.md span {
    font-size: 56px;
    line-height: 58px;
}

.hero .caption-sub {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.hero .light-box {
    width: 100%;
    background-color: #35b9df1c;
    border-radius: 30px;
    min-height: 350px;
    margin-top: 2rem;
}

/* end hero */

/* navigation */
.header {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.header.stick {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
}

.header.blocked {
    background-color: #060420;
    /* box-shadow: 0 8px 40px 0 rgba(96, 108, 115, 0.1); */
}

.header.blocked.flat {
    background-color: #081C21;
}

.header.header-flat .logo-icon {
    width: 40px;
}

.main-nav .nav .nav-item a {
    position: relative;
}

.navigation {
    padding: 1rem 0;
}

.main-nav .nav-btn {
    padding: 12px 27px !important;
    font-size: 13px !important;
    top: 8px;
}

.main-nav .nav-btn:hover {
    background: unset !important;
}

/* end navigation */

/* buttons */
.btn {
    min-width: 100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #23196D;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
}

.btn.sq {
    border-radius: 5px;
}

.btn.xs {
    padding: 0.5rem 1.2rem;
    font-size: 12px;
    min-height: 48px !important;
}

.btn.mini {
    padding: 0.4rem 0.8rem;
    min-height: 42px !important;
    font-size: 11px;
}

.btn.mini.flat {
    min-height: 34px !important;
}

.btn.sm {
    padding: 0.6rem 1.2rem;
    font-size: 11px;
    min-height: 45px !important;
}

.btn.smm {
    padding: 0.6rem 1.2rem;
    font-size: 11px;
    min-height: 51px;
}

.btn.sxm {
    padding: 0.6rem 1.2rem;
    font-size: 11px;
    min-height: 42px !important;
}

.btn.xxm {
    padding: 0.6rem 1.2rem;
    font-size: 11px;
    min-height: 45px !important;
}

.btn.xsm {
    padding: 0.4rem 0.8rem;
    font-size: 11px;
    min-height: 30px !important;
}

.btn.ssm {
    padding: 0.74rem 1.2rem;
    font-size: 11px;
    min-height: 56px !important;
}

.btn.smd {
    padding: 0.7rem 1.1rem;
    font-size: 13px;
}

.btn.stretch {
    min-width: 140px;
}

.btn.mini.stretch {
    min-width: 127px;
}

.btn.mini.stretch-md {
    min-width: 134px;
}

.btn.smm.stretch {
    min-width: 154px;
}

.btn.stretch-ss {
    min-width: 143px;
}

.btn.stretch-xs {
    min-width: 125px;
}

.btn.xs.stretch {
    min-width: 100px;
}

.btn.xs.stretch-sm {
    min-width: 120px;
}

.btn.xs.stretch-md {
    min-width: 150px;
}

.btn.xs.stretch-smd {
    min-width: 180px;
}

.btn.xs.stretch-lg {
    min-width: 200px;
}

.btn.ssm.stretch {
    min-width: 100px;
}

.btn.ssm.stretch-sm {
    min-width: 120px;
}

.btn.ssm.stretch-md {
    min-width: 150px;
}

.btn.ssm.stretch-smd {
    min-width: 180px;
}

.btn.sm.stretch-smd {
    min-width: 160px;
}

.btn.ssm.stretch-lg {
    min-width: 200px;
}

.btn.xxm.stretch {
    min-width: 120px;
}

.btn.smd.stretch {
    min-width: 150px;
}

.btn.smd.stretch-md {
    min-width: 180px;
}

.btn.smd.stretch-lg {
    min-width: 200px;
}

.btn.xsm.stretch-xs {
    min-width: 100px !important;
}

.btn.stretch-md {
    min-width: 132px;
}

.btn.sm.stretch-xs {
    min-width: 112px;
}

.btn.md {
    padding: 0.85rem 1.1rem;
    font-size: 13px;
}

.btn.md.stretch-md {
    min-width: 170px;
}

.btn.xmd {
    padding: 0.7rem 1.1rem;
    font-size: 13px;
}

.btn.mlg {
    padding: 0.5rem 1.1rem;
    font-size: 13px;
}

.btn.md.stretch {
    min-width: 150px;
}

.btn.md.stretch-lg {
    min-width: 200px;
}

.btn.lg {
    padding: 0.92rem 1.5rem;
    font-size: 15px;
}

.btn.lg.stretch {
    min-width: 250px;
}

.btn.mlg.stretch {
    min-width: 200px;
    padding: 0.65rem 1.1rem;

}

.btn.ghost {
    background-color: transparent !important;
    border: 1px solid #fff;
    color: #fff;
}

.btn.ghost.ghost-orange {
    border: 1px solid #F15424;
}

.btn.flexed {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-btn {
    min-height: 30px;
    min-width: 108px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

/* end buttons */

/* section */
.section {
    width: 100%;
}

.section-rel {
    position: relative;
}

.section .section-title {
    font-size: 25px;
}

.section .section-title.lg {
    font-size: 35px;
}

.section .section-title.xl {
    font-size: 42px;
}

.section .section-title.xxl {
    font-size: 50px;
}

.section.heigthed {
    min-height: 200px;
}

.section.heigthed.lg {
    min-height: 350px;
}

.section.heigthed.xl {
    min-height: 430px;
}

/* end section */

/* dot */
.dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    position: relative;
    top: -1px;
    margin: 0 0.2rem;
    background-color: #aab3de;
}

.dot.md {
    width: 10px;
    height: 10px;
}

.dot.green {
    background-color: #11A620;
    color: #11A620;
}

.dot-text.green {
    color: #11A620;
}

.dot.red {
    background-color: #FE3535;
    color: #FE3535;
}

.dot-text.red {
    color: #FE3535;
}

.dot.yellow {
    background-color: #FF9F47;
    color: #FF9F47;
}

.dot-text.yellow {
    color: #FF9F47;
}

.dot.purple {
    background-color: #5602FE;
    color: #5602FE;
}

.dot-text.purple {
    color: #5602FE;
}

.dot.orange {
    background-color: #f8630c;
    color: #eb5904;
}

.dot-text.orange {
    color: #eb5904;
}

.dot.pink {
    background-color: #f717b4;
    color: #f717b4;
}

.dot-text.pink {
    color: #f717b4;
}

.dot-link {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    position: relative;
    align-items: center;
    justify-content: center;
    background-color: #FFF8F4;
    top: 1px;
}

.dot-link.md {
    width: 24px;
    height: 24px;
}

.dot-link span,
.dot-link span {
    position: relative;
    color: #0F2A31;
}

/* end dot */

/* carousel */
.owl-carousel.owl-theme .owl-nav {
    display: block !important;
    margin-top: 15px;
}

.owl-carousel.owl-theme .owl-nav button span {
    font-size: 24px;
}

.owl-carousel.owl-theme .owl-nav button {
    margin: 0 1.5rem;
}

.owl-carousel.owl-theme .owl-nav button:first-child {
    margin-left: 0;
}

.owl-carousel.owl-theme .owl-nav button:last-child {
    margin-right: 0;
}

.owl-carousel.owl-theme .owl-nav button:hover,
.owl-carousel.owl-theme .owl-nav button:active,
.owl-carousel.owl-theme .owl-nav button:focus,
.owl-carousel.owl-theme .owl-dots button:hover,
.owl-carousel.owl-theme .owl-dots button:active,
.owl-carousel.owl-theme .owl-dots button:focus {
    background-color: transparent;
    box-shadow: none;
    outline: none;
    border: none;
}

.owl-carousel.owl-theme .owl-nav button:hover span {
    color: #E54600;
}

/* end carousel */

/* pagination */
.pagi-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8rem 0;
}

.pagi-box.lg {
    padding: 1.5rem 0;
}

.pagi-box .pagination .page-item .page-link {
    background-color: #fff6f2;
    color: #204650;
    font-family: 'dmzeit_trialregular';
}

.pagi-box .pagination .page-item .page-link .fe {
    position: relative;
    top: 2px;
}

.pagi-box .pagination .page-item .page-link:hover,
.pagi-box .pagination .page-item.active .page-link {
    background-color: #E54600;
    color: #fff;
}

.pagi-box .pagination.md .page-link {
    padding: 0.25rem 0.6rem;
}

.flex-height {
    height: 100vh;
}

/* end pagination */

/* form styles */
form .form-group,
.form .form-group {
    margin-bottom: 0.4rem;
}

.form .password-input,
form .password-input {
    position: relative;
}

.form .password-input .eye,
form .password-input .eye {
    position: absolute !important;
    right: 1.5rem;
    bottom: .57rem;
}

.form .icon-input input,
form .icon-input input {
    padding-right: 2.7rem;
}

.form .icon-input,
form .icon-input {
    position: relative !important;
}

.form .icon-input .icon,
form .icon-input .icon {
    position: absolute !important;
    right: 1rem;
    top: 0.1rem;
}

.form .icon-input input,
form .icon-input input {
    padding-right: 2.7rem;
}

.form .search {
    width: 500px !important;
}

.form .form-control {
    border-radius: 6px;
    background-color: #F9F6FF !important;
    border: 1px solid #f5edff;
    width: 100%;
    min-height: 45px !important;
    padding: 0 1rem;
    color: #1E1335 !important;
}

.form .form-control.readonly {
    color: #5b6483 !important;
}

.form .form-control.cp-cm-input {
    color: #1E1335 !important;
}

.modal .form .form-control {
    background-color: #F9F6FF !important;
}

.custom-modal.details .modal-content {
    background-color: #ffffff !important;
}

.custom-modal.dc-chargeback .modal-content {
    background-color: #ffffff !important;
}

.custom-modal.refund .modal-content {
    background-color: #ffffff !important;
}

.ui-dashboard-body .form .form-control {
    background-color: #F9F6FF !important;
}

.form .form-control.send-input {
    background-color: #F9F6FF !important;
}

.form .form-row.pat [class*="col"]:first-child {
    padding-right: 0.6rem;
}

.form .form-row.pat [class*="col"]:last-child {
    padding-left: 0.6rem;
}

.form-control::placeholder {
    color: #73658E !important;
}

.form .form-control.sm {
    min-height: 36px !important;
    height: 36px !important;
}

.form .form-control.md {
    min-height: 44px !important;
    height: 44px !important;
}

.form .form-control.lg {
    min-height: 50px;
    height: 50px;
}

.kol {
    display: flex;
    align-items: flex-end;
}

.form .form-control.xl {
    min-height: 56px !important;
    height: 56px !important;
}

.form .form-control.xlg {
    min-height: 58px !important;
    height: 58px !important;
}

.form .form-control.long {
    min-height: 145px !important;
}

.form .form-control.readonly {
    border: none !important;
    background-color: #f9f6ffe5 !important;
}

.form textarea.form-control {
    padding: 1rem 1rem;
    height: 80px;
    min-height: 80px;
}

.form-control.kyb {
    min-height: 20px !important;
    height: 20px !important;
    width: 44px;
    border-radius: 3px !important;
    border: 1px solid #73658E !important;
    background: #f9f6ff !important;
}


.form-control.custom-select.mlg {
    min-height: 42px !important;
    height: 42px !important;
}

.form-control.custom-select.lg {
    min-height: 48px !important;
    height: 48px !important;
}

.headline {
    height: auto !important;
    min-height: auto !important;
}

.form .flatpickr-input {
    border-radius: 6px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    background-color: #ffffff;
    width: 100% !important;
    min-height: 45px !important;
    font-family: 'Aeonik-Regular';
    font-size: 14 !important;
    padding: 0 0.85rem;
}

.form .form-pickr.flatpickr-input {
    height: 50px;
}

.flatpickr-weekdays {
    background-color: #E54600 !important;
}

span.flatpickr-weekday {
    background-color: transparent !important;
    color: #fff !important;
}

.flatpickr-months .flatpickr-month {
    background: #E54600 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #E54600 !important;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #E54600 !important;
}

.flatpickr-day.selected {
    background: #E54600 !important;
    border-color: #E54600 !important;
}

.form select.form-control {
    min-height: 50px !important;
    border-radius: 6px !important;
}

.form .form-control:focus,
.form .form-control:active {
    box-shadow: none !important;
    outline: none !important;
}

.form .form-control.show-focus:focus,
.form .form-control.show-focus:active,
.card-search input.show-focus:focus,
.card-search .input.show-focus:active {
    border: 1px solid #a178e4 !important;
}

.custom-control.custom-checkbox label span,
.custom-control.custom-checkbox label a {
    position: relative;
    top: -4px
}

.custom-control.custom-radio label span,
.custom-control.custom-radio label a {
    position: relative;
    top: -4px
}

.form .select-box .control {
    min-height: 43px;
    height: 43px;
    font-family: 'Aeonik-Regular';
}

.form .refund-drop.select-box .control {
    min-height: 56px !important;
    height: 56px !important;
    font-family: 'Aeonik-Regular';
    background: #F7F3FF;
    border-radius: 5px;
}

.form-box .select-box.lg .control {
    min-height: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 6px;
}

.form-box .select-box.lg {
    border-radius: 6px;
}

.form .select-box .menu .menu-search,
.form .select-box .menu .menu__no-data,
.form .select-box .menu .menu-list,
.select-box .menu .menu-search,
.select-box .menu .menu__no-data,
.select-box .menu .menu-list {
    font-family: 'Aeonik-Regular';
}

.fee-drop.export .menu .menu-list {
    max-height: 150px;
}


.form .select-box.long-drop .control .single {
    width: 93%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #4600cc;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #4600cc;
}

.custom-checkbox.green .custom-control-input:checked~.custom-control-label::before {
    background-color: #04b94f;
}

/* end form styles */

/* rwt-tabs */
.rwt__tablist {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    display: flex;
}

.rwt__tab {
    /* width: 33.33%; */
    text-align: center;
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    padding: 0.2rem 0.8rem !important;

}

.rwt__tab:active,
.rwt__tab:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.rwt__tab[aria-selected="true"] {
    color: #F45726;
    border-bottom: 3px solid #F45726 !important;
}


/* react-tabs */
.react-tabs__tab-list {
    border-bottom: 1px solid #EBE4F8 !important;
}

.react-tabs__tab-list {
    display: flex;
    padding-inline: 0 !important;
}

.react-tabs__tab {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 3px 12px !important;
    padding-bottom: 12px;
    background: transparent !important;
    font-family: "Aeonik-Regular";
    line-height: 23px;
    font-size: 14px;
    margin-right: 1.5rem;
    list-style: none;
    cursor: pointer;
    color: #15082F !important;
}

.vaccount-tab .react-tabs__tab-list {
    overflow-x: scroll;
}

.vaccount-tab .react-tabs__tab-list::-webkit-scrollbar {
    display: none;
}

.transaction-tab.remove .react-tabs__tab {
    margin-right: 1rem !important;
}

.react-tabs__tab--selected {
    border-radius: 0 !important;
    background: transparent;
    border-bottom: 3px solid #3E05AD !important;

    color: #3E05AD !important;
    font-family: "Aeonik-Medium";
}

.transactions .react-tabs__tab--selected {
    border-radius: 0 !important;
    background: transparent;
    border-bottom: 3px solid #ffffff !important;

    color: #ffffff !important;
    font-family: "Aeonik-Medium";
}

.react-tabs__tab:focus {
    outline: unset !important;
    border-bottom: 3px solid #3E05AD !important;
}

.transactions .react-tabs__tab:focus {
    outline: unset !important;
    border-bottom: 3px solid #ffffff !important;
}

.react-tabs__tab:focus:after {
    background: transparent !important;
}



/* end rwt-tabs */

/* table */
.table tbody.sm td,
.table thead.sm th {
    padding: 0.55rem;
    vertical-align: center !important;
}

.table tbody.xsm td,
.table thead.xsm th {
    padding: 0.35rem;
    vertical-align: center !important;
}

td {
    vertical-align: center !important;
}

.blog-icon {

    border-radius: 5px;
}

/* end table */

/* footer media */
.social_media li {
    margin: 0 0.3rem;
}

.social_media li:first-child {
    margin-left: 0 !important;
}

.social_media li a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #0E0C59 !important;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    background-color: #f9f5ff;
    /* border:1px solid #ebdbfd; */
}

.social_media .fab {
    position: relative;
    top: 1px;
}

/* end footer media */

/* loader */
.tcd-loader-loader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 100px;

    background: linear-gradient(90deg, rgba(255, 206, 0, 1) 0%, rgba(210, 60, 199, 1) 50%, rgba(86, 2, 254, 1) 100%);
    background-clip: padding-box;

    -webkit-animation: spin-loader .6s linear;
    animation: spin-loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.tcd-loader-loader::before {
    width: 45px;
    height: 45px;
    display: inline-flex;
    content: '';
    border-radius: 100px;
    top: 0;
    left: 0;
    background-color: #090724;
}

.tcd-loader-loader.sm {
    width: 30px;
    height: 30px;
}

.tcd-loader-loader.sm::before {
    width: 27px;
    height: 27px;
}

.ts-loader {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.ts-loader.yellow {
    color: #fbc530;
}

.ts-loader.purple {
    color: #5937a4;
}

.ts-loader.orange {
    color: #FF6416;
}

.ts-loader::before,
.ts-loader::after {
    width: 30px;
    height: 30px;
    display: inline-flex;
    position: absolute;
    content: '';
    border-radius: 100px;
    top: 0;
    left: 0;
}

.ts-loader::before {
    border: 2px solid currentColor;
    opacity: .15;
}

.ts-loader::after {
    border: 2px solid;
    border-color: transparent;
    border-top-color: currentColor;

    -webkit-animation: spin-loader .6s linear;
    animation: spin-loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.ts-loader.md,
.ts-loader.md::before,
.ts-loader.md::after {
    width: 25px;
    height: 25px;
}

.ts-loader.md::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.ts-loader.md::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.ts-loader.sm,
.ts-loader.sm::before,
.ts-loader.sm::after {
    width: 20px;
    height: 20px;
}

.ts-loader.sm::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.ts-loader.sm::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.ts-loader.lg,
.ts-loader.lg::before,
.ts-loader.lg::after {
    width: 35px;
    height: 35px;
}

.ts-loader.lg::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.ts-loader.lg::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

.ts-loader.xlg,
.ts-loader.xlg::before,
.ts-loader.xlg::after {
    width: 50px;
    height: 50px;
}

.ts-loader.xlg::before {
    border: 0.1rem solid currentColor;
    opacity: .15;
}

.ts-loader.xlg::after {
    border: 0.1rem solid;
    border-color: transparent;
    border-top-color: currentColor;
}

@-webkit-keyframes spin-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* end loader */

/* link round */
.link-round {
    background-color: #3e05ad;
    width: 35px;
    height: 35px;
    display: inline-flex;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    align-items: center;
    justify-content: center;
    color: #000;
    outline: none !important;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
}


.link-round.smini {
    width: 19px;
    height: 19px;
}

.link-round.sxmini {
    width: 16px;
    height: 16px;
}

.link-round.mini {
    width: 20px;
    height: 20px;
}

.link-round.minix {
    width: 25px;
    height: 25px;
}

.link-round.minixx {
    width: 27px;
    height: 27px;
}

.link-round.md {
    width: 45px;
    height: 45px;
}

.link-round.smd {
    width: 38px;
    height: 38px;
}

.link-round.sm {
    width: 30px;
    height: 30px;
}

.link-round.slg {
    width: 66px;
    height: 66px;
}

.link-round.xlg {
    width: 95px;
    height: 95px;
}

.link-round.xxlg {
    width: 113px;
    height: 113px;
}

.link-round.cornered {
    border-radius: 5px;
}

.link-round.default {
    background-color: #ddd;
}

.link-round.ash {
    background-color: #f1f3fb;
}

.link-round:hover {
    color: #5619d9 !important;
}

.link-round:hover .fe {
    color: #5619d9 !important;
}

/* end link round */

/* text-elipsis */
.text-elipsis {
    display: inline-block;
    text-overflow: ellipsis !important;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 50%;
    white-space: nowrap;
}

.text-elipsis.md {
    width: 30%;
}

.text-elipsis.sm {
    width: 15%;
}

.text-elipsis.mdl {
    width: 50%;
}

.text-elipsis.lg {
    width: 70%;
}

.text-elipsis.lgr {
    width: 85%;
}

.text-elipsis.xl {
    width: 90%;
}

/* end text-elipsis */

/* custom-badge */
.custom-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #03002E;
    background-color: #e7ebf2;
    min-width: 70px;
    padding: 0 0.6rem;
    padding-bottom: 0rem;
    height: 20px;
    border-radius: 3px;
    margin: 0 5px;
    position: relative;
    font-size: 12px;
}

.custom-badge.buttoned {
    padding: 0.8rem 0.6rem;
}

.custom-badge.label {
    padding: 0.8rem 0.4rem;
    min-width: 55px;
}

.custom-badge.sm {
    min-width: 39px;
    border-radius: 2px;
    height: 16px !important;
    padding: 0px !important;
}

.custom-badge.smd {
    min-width: 55px;
    border-radius: 3px;
    height: 26px !important;
    padding: 0px !important;
}

.custom-badge.md {
    min-width: 48px;
    border-radius: 3px;
    height: 22px !important;
    padding: 0px !important;
}

.custom-badge.rev,
.custom-badge.exp {
    border-radius: 14px;
    min-width: 54px;
    height: 22px;
    color: #203B65;
}

.custom-badge.rev {
    color: #203B65;
    background-color: #9DC4FF;

}

.custom-badge.dash-wallet {
    color: #0b0b9e;
    background-color: #babaf1;
    min-width: 54px;
    height: 22px;
    border-radius: 14px;
}

.custom-badge.dash-rev {
    border-radius: 14px;
    background-color: #F4F8FF;
    color: #2160C8;
    min-width: 54px;
    height: 22px;
}

.custom-badge.exp {
    background-color: #E8D6FF;
    color: #49089A;
}

.custom-badge.kyc {
    border-radius: 4px !important;
}

.custom-badge.right {
    margin: 0;
}

.custom-badge:first-child {
    margin-left: 0;
}

.custom-badge:last-child {
    margin-right: 0;
}

.custom-badge.green {
    line-height: 13px;
    padding-block: 11px;
    background-color: #16FC2D22;
    color: #058411;
}

.custom-badge.red {
    line-height: 13px;
    padding-block: 11px;
    background-color: #e74d3c2f;
    color: #f33e2a;
}

.custom-badge.yellow {
    line-height: 13px;
    padding-block: 11px;
    background-color: #ffe887;
    color: #5a3c01;
}

.custom-badge.orange {
    line-height: 13px;
    padding-block: 11px;
    background-color: #fe98001c;
    color: #FE9800;
}

.custom-badge.purple {
    line-height: 13px;
    padding-block: 11px;
    background-color: #9966FF20;
    color: #5315D0;
}

.custom-badge.violet {
    line-height: 13px;
    padding-block: 11px;
    background-color: #FF00C033;
    color: #FD7EDD;
}

.custom-badge.lpurple {
    line-height: 13px;
    padding-block: 11px;
    background-color: #9747FF1F;
    color: #A375FF;
}

.custom-badge.purpledk {
    line-height: 13px;
    padding-block: 11px;
    background-color: #2E2884;
    color: #fff;
}

.custom-badge.pink {
    line-height: 13px;
    padding-block: 11px;
    background-color: #FE353513;
    color: #FF0D0D;
}

.custom-badge.round {
    border-radius: 100px;
}

td.con-badge {
    padding: .2rem .5rem;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 75px;
    height: 20px;
    border-radius: 100px;
    position: relative;
    font-size: 12px;
    top: 20px;
    /* border-bottom: none !important; */
}

.con-badge.success {
    background-color: #46AE70;
}

.con-badge.primary {
    background-color: #2E2884;
}

.con-badge.error {
    background-color: #DB0B88;
}

/* end custom-badge */

/* ---- GENERICS ---- */

.split-screen {
    width: 100%;
}

.split-screen .split-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.split-screen .split-box .screen-block {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
}

.split-screen .split-box .screen-block.left {
    margin-left: 0;
}

.split-screen .split-box .screen-block.right {
    margin-left: auto;
}

.split-screen .split-box.equal .screen-block {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.split-screen .split-box.min-left .screen-block.left {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.split-screen .split-box.min-left .screen-block.right {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.split-screen .split-box.min-right .screen-block.left {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.split-screen .split-box.min-right .screen-block.right {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.split-screen .split-box.min-cut .screen-block.left {
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    max-width: 39%;
}

.split-screen .split-box.min-cut .screen-block.right {
    -ms-flex: 0 0 61%;
    flex: 0 0 61%;
    max-width: 61%;
}

.auth-form {
    width: 100%;
}

.auth-form .form-inner {
    padding: 0 2rem;
}

.auth-form .form-box {
    padding: 1.5rem 2.7rem;
    border-radius: 30px;
    background-color: #26187B;
}

.auth-form .auth-logo img {
    width: 200px;
}

.auth-form .form-control {
    border-radius: 10px;
    background-color: #F9F6FF !important;
    border-color: #73658E !important;
    height: 55px !important;
    color: #1E1335 !important;
}

.form .auth-drop {
    border-radius: 6px;
    background-color: #F9F6FF !important;
    border: none !important;
}

.form .auth-drop .control .single .left {
    padding-right: 0.44rem;
    position: relative;
    font-family: 'Aeonik-Regular' !important;
}

.form .auth-drop .control .single .left span {
    font-family: 'Aeonik-Regular' !important;
    color: #1E1335;
}

.ui-dashboard-body .form .auth-drop {
    background-color: #F9F6FF !important;
}

.form .auth-drop .menu .menu__option .option__label,
.form .auth-drop .menu input {
    font-family: 'Aeonik-Regular' !important;
}

.form .auth-drop .control {
    min-height: 55px;
    border-radius: 10px;
    padding: 0 !important;
}

.form .fee-drop .control {
    min-height: 55px;
    border-radius: 10px;
}

.form .fee-drop.md .control {
    min-height: 45px;
}

.form .auth-drop.full .control .single {
    width: 93%;
}

.form .auth-drop .control .single .single__image img {
    width: 30px !important;
    position: relative;
    left: 0.3rem;
}

.form .auth-drop .control .indicator .arrow {
    position: relative;
    width: 25px;
    height: 27px;
    right: 0.3rem;
    fill: #7B81AA;
}

.form .auth-drop .control .indicator {
    padding: 0 !important;
}

.form .auth-drop .menu {
    width: 200px;
    margin-top: 60px !important;
}

.form .fee-drop .menu {
    width: 100%;
    margin-top: 60px !important;
}

form .drop-ntw {
    border-radius: 5px;
}

.form .drop-ntw .control .indicator svg {
    fill: #7B81AA;
    height: 25px;
    width: 25px;
}

form .drop-ntw .select-box .control {
    width: 100% !important;
    min-height: 56px;
}

.drop-ntw .select-box .menu {
    width: 100% !important;
}

form .drop-ntw .select-box .menu.bottom {
    margin-top: 62px;
}

.form .auth-drop.full .menu {
    width: 100%;
}

.auth-form .btn {
    border-radius: 10px;
}

.form .auth-drop .menu .menu-list {
    height: 100px;
}

.form .auth-drop .menu .menu__option .option__label,
.form .auth-drop .menu input,
.form .auth-drop .control {
    font-family: 'Aeonik-Regular' !important;
    font-size: 15px !important;
}

.form-drop {
    border-radius: 6px !important;
    border: 1px solid rgba(0, 40, 100, 0.12) !important;
}

.form-drop .control {
    min-height: 48px !important;
    border-radius: 10px;
}

.form-drop .control .single .single__image img {
    width: 33px;
    position: relative;
    left: 0.3rem;
}

.soon-blob {
    display: inline-block;
    width: 27%;
    border-radius: 100px;
    padding: 0.08rem 0.9rem;
}

.hero-logo {
    width: 250px;
}

.hero .social_media li a {
    width: 47px;
    height: 47px;
}

.hero .social_media .fab {
    font-size: 18px;
    top: -1px;
}

.blog-hero {
    min-height: 90vh;
}

.spost-overlay {
    width: 100%;
    background: linear-gradient(180deg, rgba(6, 4, 32, 0) 0%, #060420 100%)
}

.splitter {
    height: 38px;
    width: 1px;
}

.splitter.lg {
    height: 123px;
    width: 1px;
}

.post-hero .post-box {
    width: 100%;
    padding: 1rem;
    background-color: rgba(6, 4, 32, 0.23);
    border-radius: 12px;
}

.post-hero .post {
    width: 100%;
    min-height: 410px;
    max-height: 410px;
    border-radius: 11px;
    border: none;
}

.post-overlay {
    min-height: 410px;
    max-height: 410px;
    border-radius: 11px;
    background: rgb(6, 4, 32);
    background: linear-gradient(180deg, rgba(6, 4, 32, 0) 0%, rgba(6, 4, 32, 0.68) 100%);
    padding: 1.5rem 2rem;
}

.reads-slider .owl-dots {
    text-align: center;
    margin-top: 1rem;
}

.reads-slider .owl-dots .owl-dot:focus,
.reads-slider .owl-dots .owl-dot:active {
    outline: none;
    border: none;
    background: none;
}

.reads-slider .owl-dots .owl-dot span {
    width: 30px !important;
    height: 6px !important;
    display: block !important;
    background: #71518A !important;
    margin: 5px 3px !important;
    border-radius: 100px;
}

.reads-slider .owl-dots .owl-dot.active span,
.reads-slider .owl-dots .owl-dot:hover span {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%) !important;
    background-clip: padding-box !important;
}

.hero-form {
    width: 90%;
    display: flex;
    align-items: center;
    padding: 0.45rem;
    background-color: #161B57;
    border-radius: 5px;
}

.hero-form input {
    width: 69%;
    outline: none;
    border: none;
    background-color: transparent;
    margin-left: 10px;
}



.hero-form input::placeholder {
    color: #676EAC;
}


.article-cards {
    min-height: 499px;
    max-height: 499px;
}

.article-item {
    height: 499px;
    padding: .7rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-aside {
    width: 100%;
}

.blog-aside.left {
    padding-right: 0;
}

.blog-aside.right {
    padding-left: 3.5rem;
}

.blog-aside.right.post {
    padding-left: 0rem;
}

.blog-aside.right .filter-item {
    width: 100%;
}

.blog-aside.right .filter-item .item-head {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.4rem;
}

.blog-aside.right .filter-item .item-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blog-aside.right .filter-item .item-body .custom-badge {
    min-width: 58px;
    background-color: #171441;
    color: #7c76cb;
    margin-bottom: 0.8rem;
    margin-right: 0;
    margin-right: 0.6rem;
}

.blog-aside.right .filter-item .item-body .custom-badge.active {
    color: #fff;
    background-clip: padding-box;
    font-family: 'Aeonik-Regular' !important;
}

.blog-aside.right .filter-item.category .item-body .custom-badge.active {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.blog-aside.right .filter-item.tags .item-body .custom-badge.active {
    background: linear-gradient(149deg, #5403FF 1.4%, #03BBFF 116.97%);
}

.blog-aside.right .filter-item.dates .item-body .custom-badge.active {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.ad-box {
    width: 100%;
    border-radius: 10px;
    padding: 1.6rem 2rem;
    position: relative;
}

.ad-box.xsmh {
    min-height: 138px;
    max-height: 138px;
}

.ad-box.smh {
    min-height: 210px;
    max-height: 210px;
}

.ad-box.mdh {
    min-height: 398px;
    max-height: 398px;
}

.ad-box h3.pad {
    padding-right: 1.8rem;
}

.latest-post {
    margin-top: 2.5rem;
}

.latest-post .ui-line {
    margin: 1.4rem 0;
    margin-bottom: 1.9rem;
}

.boundless-input {
    border: 1px solid #f6edff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    background-color: #faf6ff;
}

.ui-dashboard-body .boundless-input {
    background-color: #faf6ff;
}

.modal .boundless-input {
    background-color: #faf6ff;
}

.boundless-input input {
    border: none !important;
    width: 39.5%;
}

.boundless-input .auth-drop {
    border: none !important;
    width: 60%;
}

.boundless-input .auth-drop.sm {
    border: none !important;
    width: 40%;
}

.boundless-input .auth-drop.lg {
    width: 90%;
}

.form .select-box.boundless .control .single {
    padding-right: 0rem !important;
    font-family: 'Aeonik-Regular';
}

.boundless-input .select-box .menu {
    width: 210px;
    font-family: 'Aeonik-Regular';
}

.post-articles {
    display: flex;
    align-items: center;
}

.post-articles .post-article-img {
    height: 62px;
    width: 110px;
    min-width: 80px;
    min-height: 62px;
    border-radius: 7px;
}

.post-articles .post-article-img.lng {
    height: 68px;
    min-height: 68px;
}

.post-articles.dashboard {
    background-color: #0D0B29;
    padding: .8rem;
    border-radius: 10px;
    margin-bottom: 1.2rem;
}

.post-articles .content {
    padding-left: 1.3rem;
}

.post-art-wrapper {
    height: 409px;
    overflow-y: scroll;
}

.post-art-wrapper::-webkit-scrollbar {
    display: none;
}

.btn .fe.ext::before {
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    transform: rotate(316deg);
    position: absolute;
}

.btn.ext-link.md {
    padding-right: 2rem;
}

.blog-aside.left .filter-head {
    margin-top: 3.5rem;
}

.custom-control {
    display: inline-flex;
    align-items: center;
}

.custom-control-label:before {
    border: none;
    background-color: #dfd8fc;
    top: 6px
}

.custom-control-label::after {
    top: 6px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF6315;
    outline: none;
}

.custom-radio .custom-control-input:checked~.custom-control-label {
    color: #FF6315 !important;
    font-family: 'Aeonik-Regular' !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-control-inline:last-child {
    margin-right: 0;
}

.blog-aside.left .filter-body {
    width: 100%;
    margin-top: 3.5rem;
}

.blog-aside.left .filter-item {
    width: 100%;
}

.blog-aside.left .filter-item .item-head {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.4rem;
}

.blog-aside.left .filter-item .item-body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blog-aside.left .filter-item .item-body .custom-badge {
    min-width: 58px;
    background-color: #171441;
    color: #7c76cb;
    margin-bottom: 0.8rem;
    margin-left: 0;
    margin-right: 0.6rem;
}

.blog-aside.left .filter-item .item-body .custom-badge.active {
    color: #fff;
    background-clip: padding-box;
    font-family: 'Aeonik-Regular' !important;
}

.blog-aside.left .filter-item.category .item-body .custom-badge.active {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
}

.blog-aside.left .filter-item.tags .item-body .custom-badge.active {
    background: linear-gradient(149deg, #5403FF 1.4%, #03BBFF 116.97%);
}

.blog-aside.left .filter-item.dates .item-body .custom-badge.active {
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
}

.blog-aside.right .post-box {
    width: 100%;
}

.blog-aside.right .post-box.left {
    padding-right: 2.2rem;
}

.blog-aside.right .post-box.right {
    padding-left: 2.2rem;
}

.blog-aside.right .blog-list [class*="col-md-"] {
    margin-bottom: 2.5rem;
}

.blog-aside .post-link,
.owl-carousel .post-link {
    display: block;
    width: 100%;
}

.post-item {
    width: 100%;
    min-height: 500px;
    border-radius: 6px;
}

.post-item.parent {
    overflow: hidden;
}

.post-item .child-box {
    width: 100%;
    height: 500px;
    border-radius: 6px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.post-item.parent:hover .child-box {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.post-item .overlay {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgb(6, 4, 32);
    background: linear-gradient(180deg, rgba(6, 4, 32, 0) 0%, rgba(6, 4, 32, 1) 100%);
    padding: 1.5rem 2rem;
    z-index: 2;
}

.blog-search {
    width: 100%;
    background-color: #0A0827;
    padding: 0.8rem 1.2rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.blog-search .input-box {
    width: 67%;
    display: flex;
    align-items: center;
    padding: 0.4rem 0.4rem;
    background-color: #141336;
    border-radius: 5px;
}

.blog-search .input-box input {
    width: 80%;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    min-height: 34px;
    padding: 0 1rem;
}

.blog-search .input-box input::-webkit-input-placeholder {
    color: #4A5081;
    font-family: 'Aeonik-Regular' !important;
}

.blog-aside.right .custom-control {
    display: inline-flex;
    align-items: center;
}

.blog-aside .custom-control-label {
    margin: 0;
}

.blog-aside.right .custom-control-label:before {
    border: none;
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%);
    top: 6px
}

.blog-aside.right .custom-control-label::after {
    top: 6px
}

.blog-aside.right .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
    outline: none;
}

.blog-aside.right .custom-radio .custom-control-input:checked~.custom-control-label {
    color: #fff !important;
    font-family: 'Aeonik-Regular' !important;
}

.blog-aside.right .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.blog-aside.right .custom-control-inline:last-child {
    margin-right: 0;
}

.post-delete {
    height: 93px;
    width: 93px;
    margin: auto;
}

.post-delete img {
    height: 100%;
    width: 100%;
}

.new-text {
    padding: 1.5rem 1.8rem !important;
}

.dp-box {
    height: 263px;
    max-width: 484px;
    width: 100%;
}

.dp-box img {
    height: 100%;
    width: 100%;
}

.invite-box {

    width: 100%;
    padding: 1.2rem 2rem;
    background-color: #10133d;
    border-radius: 8px;

}

.overview .over-row {
    width: 100%;
    display: flex;
    gap: 1rem;
    /* justify-content: space-between; */
}

.overview .over-row.column {
    flex-direction: column;
}

.overview .revs-total {
    margin-left: 1.7rem !important;
}

.overview .over-row.column.wt-links {
    width: 88%;
    margin-left: auto;
}

.overview .over-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 33%;
    padding: 1rem 1.7rem;
    border-radius: 8px;
    min-height: 154px;
}

.overview .over-item.qlinks {
    justify-content: unset !important;
}

.over-item.wallet {
    background: #171A2B;
    width: 100%;
    height: auto;
    padding: 0.7rem 1.4rem;
    padding-bottom: 1.5rem;
}

.overview .over-item.chargeback,
.over-item.qlinks.md {
    width: 404px;
    min-height: 224px;
    max-height: 224px;
    padding: 0.7rem 1.2rem;
    border: 1px solid #e7defa;
}

.overview .over-item.total-rev {
    background-color: #75A6F0;
}

.overview .over-item.total-exp {
    background-color: #B275FF;
}

.overview .over-item.total-rev,
.overview .over-item.total-exp {
    width: 287px;
    min-height: 118px;
    max-height: 118px;
    padding: 1rem 1.3rem;
    padding-right: 1.7rem;
}

.overview .over-item.qlinks.md {
    background: #121522;
    width: 404px !important;
    min-height: 259px;
    max-height: 259px;
}

.overview .over-item.revTrans {
    width: 93%;
    min-height: 100%;
}

.overview .over-item.wallet-chart {
    background: #F3EEFF;
    width: 393px;
    min-height: 259px;
    max-height: 259px;
}

.overview .over-item.gray {
    background-color: #ece5ff;
    width: 37%;
}

.overview .over-item.revenue {
    justify-content: unset;
    width: 33%;
    min-height: 154px !important;
    height: 154px !important;
    padding: 0 1.7rem;
    padding-bottom: 1.5rem;

}

.overview .over-item.citems {
    width: 33% !important;
    height: 154px !important;
    min-height: 154px !important;
    /* padding: 1.2rem 1.3rem !important; */
    padding-bottom: 1rem !important;
}


.overview .over-item.blue.users {
    justify-content: unset;
    width: 33% !important;
    min-height: 154px;
    height: 154px;
    padding: 0 1.7rem;
    padding-bottom: 1.5rem;
    min-height: 154px !important;
}

.overview .over-item.transact {
    justify-content: unset;
    width: 33%;
    min-height: 154px !important;
    padding: 0 1.7rem;
    padding-bottom: 1.5rem;
}

.overview .over-item.users {
    justify-content: unset;
    width: 33%;
    min-height: 154px !important;
    padding: 0 1.7rem;
    padding-bottom: 1.5rem;
}

.overview .over-item.brown {
    background-color: #e6eeff;
}

.overview .over-item.blue {
    background-color: #d8eef8;
}

.overview .over-item.gray .muted {
    color: #A6BFF7;
}

.overview .over-item.brown .muted {
    color: #ECD2FF;
}

.overview .over-item .val.blue {
    background-color: #d4dafc;
}

.overview .over-item .val.teal {
    background-color: #b1e2f8;
}

.overview .over-item .val {
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.3rem;
    padding: 0.2rem 0.2rem;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    min-width: 55px;
    line-height: normal;
    border-radius: 4px;
}

.overview .over-item.blue .muted {
    color: #AEAADF;
}

.overview .overfin-card {
    width: 100%;
    min-height: 150px;
    border-radius: 10px;
    background-color: #ececff;
    padding: 1rem 1.7rem;
}

.stat-card {
    background-color: #fbf9ff;
    border: 1px solid #f3effa;
}

.analytics-board {
    width: 100%;
}

.analytics-board .stat-card {
    width: 100%;
    background-color: #fbf9ff;
    padding: 1.2rem 1.25rem;
    border-radius: 10px;
    border: 1px solid #f3effa;
}

.analytics-board .stat-card.sm {
    min-height: 262px;
}

.analytics-board .stat-card.md {
    min-height: 450px;
}

.analytics-board .stat-loading {
    min-height: 262px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.analytics-board .stat-loading.sm {
    min-height: 100px;
}

svg.recharts-surface {
    width: 274px !important;
}

.chargeback svg.recharts-surface {
    width: 88% !important;
}

.chargeback-bar {
    min-height: 158px;
    height: 158px;
}

.chargeback-bar .chargeback-chart .recharts-text.recharts-label {
    display: none;
}

.chargeback-bar .chargeback-chart {
    width: 114% !important;
}

.pietxn-chart {
    left: -2rem;
}

.pietxn-chart svg.recharts-surface g path {
    stroke: none !important;
}

.pietxn-chart .recharts-legend-item-text {
    font-family: 'Aeonik-Regular' !important;
    font-size: 14px !important;
}

.pietxn-chart svg.recharts-surface {
    width: unset !important;
    height: 230px !important;
}

.pietxn-chart .recharts-default-legend {
    width: 90% !important;
    position: relative;
    bottom: 1.5rem;
}

.pietxn-chart .recharts-default-legend svg.recharts-surface {
    height: 8px !important;
}

.table-dp {
    min-width: 53px;
    width: 54.5px;
    min-height: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #eee7ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-dp.lg {
    min-width: 93px;
    width: 93px;
    min-height: 93px;
    height: 93px;
    border-radius: 100px;
}

.table-dp.mlg {
    /* min-width: 113px; */
    width: 113px;
    /* min-height: 93px; */
    height: 113px;
    border-radius: 100px;
}

.table-dp.round {
    min-width: 40px;
    width: 40px;
    min-height: 40px;
    height: 40px;
    border-radius: 100px;
}

.ui-table td {
    padding: 1rem 0.75rem;
    vertical-align: center;
    /* border-top: 1px solid #dee2e6; */
}

.ui-table .text-elipsis {
    position: relative;
    top: 5px;
}

.ui-table a.text-elipsis {
    top: 0px;
}

.ui-table .custom-badge {
    min-width: 67px;
}

.card-search .card-input input {
    border: none;
    background: transparent;
    padding: 0 0.5rem;
    color: #fff;
    min-height: 40px;
    width: 83%;
}


/* 
.card-search .card-input.no-btn input {
  width: 100%;
}

.card-search .card-input input:focus,
.card-search .card-input input:active {
  outline: none;
  box-shadow: none;
}

.card-search .card-input input::placeholder {
  color: #6F6BA3 !important;
}

.card-search .card-input a {
  min-width: 20px;
  width: 52px;
  padding: 0.6rem 0.18rem;
} */

.modal .form .sd-input {
    background-color: #faf6ff !important;
    border-radius: 5px !important;
    height: 56px !important;
}

.modal .form .sd-input input.form-control {
    background-color: transparent !important;
    border: none !important;
}

.modal .form .sd-input input.form-control::placeholder {
    color: #73658E !important;
    font-weight: 500;
}

/* ---- END GENERICS ---- */

/* footer */
.footer {
    padding: 0;
}

.footer .footer-logo img {
    width: 200px;
}

.footer .copyright {
    background-color: #04012B;
}

/* end footer */

.post-form {
    width: 100%;
}

.post-form .post-title {
    width: 50%;
    padding: 0.55rem;
    background-color: transparent;
    border-radius: 5px;
}

.post-form .post-title input {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
}

.post-form .post-title input:focus,
.post-form .post-title input:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.post-form .post-title input::placeholder {
    color: #8280AF;
}

.post-form .post-title input:-ms-input-placeholder,
.post-form .post-title input::-ms-input-placeholder {
    color: #8280AF;
}

/* tinymce */

.post-form textarea[class*="tiny-"] {
    display: none !important;
}

.post-form .tox-tinymce {
    border: none;
    font-family: 'Aeonik-Regular' !important;
}

.camp-html .tox-tinymce {
    font-family: 'Aeonik-Regular' !important;
}

.post-form .tox .tox-view-wrap,
.post-form .tox .tox-view-wrap__slot-container,
.post-form .tox:not(.tox-tinymce-inline) .tox-editor-header {
    background: #17153D;
}

.post-form .tox .tox-statusbar {
    display: none !important;
}

.camp-html .tox .tox-statusbar {
    display: none !important;
}

.post-form .tox .tox-menubar {
    background: #17153D;
    color: #fff;
}

.post-form .tox-menubar .tox-mbtn,
.post-form .tox-menubar .tox-mbtn span {
    color: #a6a3e2;
    cursor: pointer !important;
}

.post-form .tox-menubar .tox-mbtn:hover span,
.post-form .tox-mbtn:focus:not(:disabled),
.post-form .tox-mbtn:focus:not(:disabled) span {
    color: #000;
}

.post-form .tox .tox-menubar+.tox-toolbar-overlord {
    border-top: 1px solid #242061;
    background-color: #17153D;
}

.post-form .tox .tox-toolbar__primary {
    background: #17153D;
}

.post-form .tox .tox-tbtn svg {
    fill: #fff;
}

.post-form .tox .tox-tbtn--disabled svg,
.post-form .tox .tox-tbtn--disabled:hover svg,
.post-form .tox .tox-tbtn:disabled svg,
.post-form .tox .tox-tbtn:disabled:hover svg {
    fill: rgba(255, 255, 255, 0.35);
}

.post-form .tox .tox-tbtn,
.post-form .tox .tox-tbtn span {
    cursor: pointer !important;
}

.post-form .tox .tox-edit-area__iframe {
    background-color: #17153D;
}

/* end tinymce */

.post-form .post-dp,
.post-dp {
    width: 100%;
    border-radius: 10px;
    min-height: 264px;
}

.post-dp.lined {
    border: 1px solid #05175a;
}

.post-dp.sm {
    min-height: 200px;
}

.post-form textarea.form-control {
    height: 100px !important;
}

/* rsuite */
.post-form .rs-picker-input {
    background: #120F3A !important;
    border: none !important;
    min-height: 56px;
    color: #fff !important;
}

.post-form .rs-picker-input .rs-picker-toggle {
    background: #120F3A !important;
    min-height: 56px;
    display: flex;
    align-items: center;
}

.post-form .rs-picker-input .rs-picker-tag-wrapper {
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.post-form .rs-picker-input .rs-tag-lg {
    padding: 3px 10px;
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%) !important;
    background-clip: padding-box !important;
    color: #fff !important;
    border-radius: 100px !important;
    overflow: visible;
}

.post-form .rs-picker-input .rs-tag-lg span.rs-tag-text {
    font-size: 13px !important;
    font-family: 'Aeonik-Regular' !important;
}

.post-form .rs-picker-input .rs-btn-close {
    font-size: unset !important;
    right: -0.65rem;
    top: -0.75rem;
}

.post-form .rs-picker-input .rs-btn-close svg {
    width: 13px !important;
    height: 13px !important;
    fill: #ff0368 !important;
}

.post-form .rs-picker-input .rs-picker-toggle-caret {
    top: 1.1rem !important;
}

.rs-menu {
    top: 385px !important;
}

.rs-menu-edit {
    top: 1047px !important;
}

/* end rsuite  */
.post-html h1 {
    font-family: 'Aeonik-Regular' !important;
}

.post-html h2,
.post-html h3,
.post-html h4,
.post-html h5,
.post-html h6 {
    font-family: 'Aeonik-Regular' !important;
}

.post-html p,
.post-html p span {
    font-size: 16px !important;
    line-height: 35px;
}

.subscribe-form {
    width: 100%;
}

.subscribe-form .sub-box {
    width: 100%;
    min-height: 157px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #131044;
    padding: 1rem 2.5rem;
}

.subscribe-form .sub-box.hero {
    width: 90%;
    min-height: 70px;
    justify-content: left;
    flex-direction: row;
    padding: 0.55rem 1rem;
    margin-top: 3.5rem;
}

.subscribe-form .sub-box.err {
    background-color: #131044;
}

.subscribe-form .sub-box.hero.err {
    background-color: #15195a;
}

.subscribe-form .sub-box.succ {
    background-color: #0f704b;
}

.graph-box {
    width: 100%;
    background-color: #0D0B29;
    border-radius: 10px;
    min-height: 409px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.graph-box .over-graph {
    position: relative;
    left: -2rem;
}

.graph-box .layered {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #0D0B29;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.graph-box .layered .over-graph {
    opacity: 0.15;
}

.over-graph .recharts-xAxis line,
.over-graph .recharts-yAxis line {
    stroke: #3A3785 !important;
}

.over-graph .recharts-layer text tspan {
    font-family: 'Aeonik-Regular';
    fill: #DCE7FF;
    font-size: 13px;
}

.over-graph .re-tooltip {
    width: 85px;
    height: 55px;
    border-radius: 5px;
    /* background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%) !important; */
    background: linear-gradient(149deg, #615c9e 1.4%, #25215A 116.97%) !important;
    background-clip: padding-box !important;
    color: #fff;
    font-family: 'Aeonik-Regular';
    font-size: 13px;
    padding: 0.65rem 0.75rem;
}

.over-graph .recharts-cartesian-grid-horizontal {
    display: none;
}

.over-graph .recharts-cartesian-grid-vertical line {
    stroke: #141246 !important;
}

.panel-box {
    position: fixed !important;
    z-index: 1050;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(6, 4, 32, 0.72);
    display: flex;
}

.panel-box .display {
    margin-left: auto;
    width: 440px;
    height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #100E33;
    padding: 2rem 2rem;

    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;

    -webkit-transform: translateX(442px);
    -moz-transform: translateX(442px);
    transform: translateX(442px);
}

.panel-box .display.sm {
    width: 300px;
}

.panel-box .display.md {
    width: 400px;
}

.panel-box .display.lg {
    width: 500px;
}

.panel-box .display::-webkit-scrollbar {
    display: none;
}

.panel-box .display.animate-box {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.panel-box .panel-box-body {
    width: 100%;
}

.panel-box .subber-dp {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    margin: 0 auto;
}

.ad-width {
    width: 50%;
}

.post-bar {
    width: 100%;

    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;

    background-color: #09062feb;
    padding: 1.3rem 2rem;

    display: none;
    align-items: center;
    justify-content: center;
}

.post-bar.stick {
    position: fixed;
    left: 0;
    top: 96px;
    z-index: 950;
}

.post-bar.active {
    display: flex;
}

.react-share__ShareButton {
    height: 30px;
    margin-right: 0.5rem;
}

.react-share__ShareButton:focus,
.react-share__ShareButton:active {
    outline: none;
    box-shadow: none;
}

.section-list {
    padding-right: 4rem;
}

.section-list .section-item {
    width: 100%;
    background-color: transparent;
    border-radius: 6px;
    padding: 0.6rem 1.4rem;
    padding-bottom: 0.7rem;
    border: 1px solid #1b1943;
    border-bottom: 5px solid #1b1943;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.section-list .section-item.active {
    border: 1px solid #45c2f0;
    border-bottom: 5px solid #45c2f0;
}

.campaign-wrapper {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 1.2rem 1.5rem;
}

.campaign-wrapper.dark {
    background-color: #0e0c2a;
}

.campaign-wrapper .wrapper-inner {
    width: 100%;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.campaign-wrapper .wrapper-inner::-webkit-scrollbar {
    display: none;
}

.campaign-wrapper .camp-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e5e5fc;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;

    border-radius: 8px 8px 0 0;
    min-height: 122px;
}

.campaign-wrapper .camp-head img {
    width: 220px;
}

.campaign-wrapper .camp-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    background-color: #fff;
}

.campaign-wrapper .camp-box {
    width: 100%;
    padding: 0 1rem;
    background-color: #fff;
}

.campaign-wrapper .camp-box .box-inner {
    width: 100%;
    border: 1px solid #9ba6d3;
    border-bottom: 5px solid #9ba6d3;
    padding: 2.6rem 3rem;
    border-radius: 10px;
}

.campaign-wrapper .camp-box.blue-line .box-inner {
    border: 1px solid #03ABED;
    border-bottom: 5px solid #03ABED;
}

.campaign-wrapper .camp-box.blue-line a:not(.btn) {
    color: #0290c9;
}

.campaign-wrapper .camp-box.purple-line .box-inner {
    border: 1px solid #5203ed;
    border-bottom: 5px solid #5203ed;
}

.campaign-wrapper .camp-box.purple-line a:not(.btn) {
    color: #4903d5;
}

.campaign-wrapper .camp-box.yellow-line .box-inner {
    border: 1px solid #fcae1d;
    border-bottom: 5px solid #fcae1d;
}

.campaign-wrapper .camp-box.yellow-line a:not(.btn) {
    color: #c98404;
}

.campaign-wrapper .camp-box.pink-line .box-inner {
    border: 1px solid #f94f63;
    border-bottom: 5px solid #f94f63;
}

.campaign-wrapper .camp-box.pink-line a:not(.btn) {
    color: #dd1e34;
}

.campaign-wrapper .camp-box .stn-color.blue-line {
    background-color: #03ABED;
}

.campaign-wrapper .camp-box .stn-color.purple-line {
    background-color: #5203ed;
}

.campaign-wrapper .camp-box .stn-color.yellow-line {
    background-color: #fcae1d;
}

.campaign-wrapper .camp-box .stn-color.pink-line {
    background-color: #f94f63;
}

.campaign-wrapper .camp-box .stn-color.active {
    border: 4px solid #0f8e42;
}

.campaign-wrapper .color-list {
    display: flex;
    align-items: center;
}

.campaign-wrapper .color-list a {
    margin-right: 0.4rem;
}

.campaign-wrapper .camp-box .box-divider {
    width: 100%;
    min-height: 40px;
}

.campaign-wrapper .camp-box h2 {
    margin-bottom: 1.5rem;
    color: #303B4F;
}

.campaign-wrapper .camp-box .camp-thumb {
    width: 100%;
    margin-bottom: 2rem;
    min-height: 250px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.campaign-wrapper .camp-box .camp-thumb.lg {
    min-height: 350px;
}

.campaign-wrapper .camp-box .camp-thumb.empty {
    background-image: none !important;
    background-color: #ecf0ff;
}

.campaign-wrapper .camp-html,
.campaign-wrapper .camp-html p {
    color: #303B4F;
}

.campaign-wrapper .camp-box input {
    background: transparent;
}

.campaign-wrapper .camp-box input.btn-input {
    width: 270px !important;
}

.campaign-wrapper.panel .camp-head {
    min-height: 85px;
}

.campaign-wrapper.panel .camp-date {
    min-height: 60px;
}

.campaign-wrapper.panel .camp-box .box-inner {
    padding: 1rem 2rem;
}

.campaign-wrapper.panel .camp-box .camp-thumb.lg,
.campaign-wrapper.panel .camp-box .camp-thumb {
    min-height: 220px;
}

.camp-html p {
    font-size: 14px !important;
    line-height: 20px !important;
}

.camp-stats {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.camp-stats .stat-item {
    width: 48%;
    margin: 0 1%;
    padding: 0.8rem 1.2rem;
    border-radius: 8px;
    background-color: #1a174d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 110px;
}

.camp-stats .stat-item:first-child {
    margin-left: 0;
}

.camp-stats .stat-item:last-child {
    margin-right: 0;
}

.modal .modal-cover {
    min-height: 117px;
    padding: 1.7rem 2.5rem;
    border-radius: 12px 12px 0px 0;
}

.register::-webkit-scrollbar {
    display: none !important;
}

.msg-icon-card {
    width: 193px;
    height: 84px;
    border-radius: 100px;
    background-color: #f5efff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: .5rem;

}

.dash-kyb {
    width: 508px;
    height: 449.41px;
    border-radius: 25.68px;
}

.mode-switch {
    height: 1.15rem;
}

.custom-switch-indicator {
    background: #cdbcf3;
}

.custom-switch-indicator:before {
    background: #fff;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #7a1cf9;
}

.mode-switch::before {
    top: 3px;
    background-color: #878EA6;
    box-shadow: none;
}

.custom-switch-input:checked~.mode-switch:before {
    background-color: #8b0455;
}

.custom-switch-input:checked~.mode-switch.live {
    background: #28CA2F;
}

.custom-switch-input:checked~.mode-switch.test {
    background: #ffd5ee;
}

.ui-dashboard-body .form-control.cp-input,
.ui-dashboard-body .form-control.cp-input {
    background: #F9F6FF !important;
}


.modal .form .form-control.cp-input {
    background: #F9F6FF !important;
}


.create-step {
    width: 100%;
}

.create-step.cp-compliance {
    width: 160px !important;
}

.create-step.pop {
    width: 70% !important;
}

.create-step .step-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.8rem 0;
}

.create-step a.step-item {
    padding: 0;
    margin: 1.4rem 0;
    cursor: pointer;
}

.create-step .step-item:first-child,
.create-step a.step-item:first-child {
    padding-top: 0;
    margin-top: 0;
}

.create-step .step-item p {
    color: #5E488E;
}

.create-step .step-item .link-round {
    background-color: #EADFFF;
}

.create-step .step-item .link-round .fe {
    color: #8282AB;
}

.create-step .step-item.active .link-round {
    background-color: #3E05AD;
    color: #fff;
}

.create-step .step-item.active .link-round:hover {
    color: #fff !important;
}

.create-step .step-item.done p {
    color: #56B55C;
}

.create-step .step-item.active p {
    color: #1E1335;
}

.create-step .step-item.done .link-round {
    background-color: #20AF26;
    color: #fff;
}

.create-step .step-item.active .link-round .fe,
.create-step .step-item.done .link-round .fe {
    color: #fff;
}

.form .react-datepicker-wrapper {
    width: 100%;
}

/** REACT DATE PICKER */
.react-datepicker {
    border: 1px solid #dcd5f6 !important;
    font-family: 'Aeonik-Regular' !important;
}

.react-datepicker .react-datepicker__header {
    background-color: #ece8ff;
    font-family: 'Aeonik-Medium' !important;
}

.react-datepicker .react-datepicker__navigation-icon::before {
    border-color: #524398;
}

.react-datepicker .react-datepicker__day--selected {
    background-color: #d8d3ef !important;
    color: #1c1152 !important;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: #432abb !important;
}

.react-datepicker__day--keyboard-selected {
    color: #fff !important;
}

.react-datepicker__day--keyboard-selected {
    background-color: #442abb !important;
}

/** END REACT DATE PICKER */

.bank-box {
    width: 100%;
    border-radius: 5px;
    background-color: #ede8ff;
    /* border: 1px solid #cfc4ff; */
    color: #1d0155;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bank-box.dark {
    border: 1px solid #2C324A !important;
    background-color: #171B2B !important;
}

.modal-light .modal-content {
    border-radius: 20px !important;
    background-color: #ffffff !important;
}

.cp-device-modal .modal-dialog {
    max-width: 600px !important;
    margin: auto !important;
}

.cp-pin-modal .modal-content {
    border-radius: 18px !important;
    background-color: #ffffff !important;
}


.cp-bank-box .dm--ct {
    padding-left: 30px !important;
    padding-right: 40px !important;
}

.cp-bank-box .dm--body .title {
    padding-left: 30px !important;
}

.bank-box.filled {
    flex-direction: column;
    align-items: flex-start;
    background-color: #044902C9 !important;
    padding-left: 1.3rem;
    color: #D1FFD2 !important;
    min-height: 88px;
    border: none !important;
}

.bank-box.error {
    flex-direction: column;
    align-items: flex-start;
    background-color: rgba(221, 59, 59, 0.188) !important;
    padding-left: 1.3rem;
    color: #ffe1e3 !important;
    min-height: 88px;
    border: none !important;
}

.in-boxage {
    width: 100%;
    min-height: 200px;
    border-radius: 20px;
    background-color: #f9f7ff;
    border: 1px solid #e7defa;
    display: flex;
    align-items: center;
    justify-content: center;
}

.in-boxage.white {
    background-color: #fff;
    border: 1px solid #e7defa;
}

.in-boxage.light-purple {
    background-color: #f9f7ff;
    border: 1px solid #e7defa;
}

.in-boxage.lg {
    min-height: 445px;
}

/* .in-boxage .msg-icon-card {
    background-color: #232838 !important;
} */

.empty-card {
    height: 401px;
    border-radius: 18px;
    background-color: #1C2031;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.filter-card {
    background-color: #22273C;
    display: flex;
    width: 106px;
    height: 42px;
    align-items: center;
    border-radius: 4.9px;
    justify-content: space-around;
}

.drag-zone {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 154px;
    padding: 0 1.5rem;
    position: relative;
    border-radius: 8px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='rgba(72,80,119,1)' stroke-width='2' stroke-dasharray='2%2c 6' stroke-dashoffset='6' stroke-linecap='round'/%3e%3c/svg%3e");
}

.drag-zone.sm {
    min-height: 103px;
}


.drag-zone.md {
    width: 198px;
    min-height: 175px;

}

.drag-zone.pd-xl {
    padding: 1.5rem 2rem;
}

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

.drag-zone.flex-col {
    flex-direction: column;
}

.drag-zone .avatar {
    min-width: 114px;
    min-height: 114px;
    max-width: 114px;
    max-height: 114px;
    border-radius: 100px;
    background-color: #18143C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drag-zone .avatar.flat {
    border-radius: 10px;
}

.drag-zone.flat {
    padding: 0;
}

.drag-zone .selfie {
    min-width: 160px;
    min-height: 149px;
    max-width: 160px;
    max-height: 149px;
    border-radius: 10px;
    background-color: #24273c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bvn-box {
    width: 100%;
    background-color: #202433;
    border-radius: 5px;
    padding: 12px 20px;
}

.bvn-box .bvn-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}


.account-form-box {
    min-height: 300px;
}

.userdp-wrapper {
    border-radius: 17px;
    padding: 0.14rem;
    padding-left: 0.15rem;
}

.userdp-wrapper.active {
    background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
    background-clip: padding-box;
}

.userdp-box {
    width: 100%;
    padding: 8px;
    border-radius: 15px;
    background-color: #0E0B33;
    min-height: 182px;
    position: relative;
}

.userdp-box.xlg {
    background-color: #121522;
    padding: 0;
    min-height: 242px;
    border-radius: 22px;
}

.user-modal {
    padding: 1rem 1rem !important;
}

.user-modal .userdp-box {
    background-color: transparent;
}

.userdp-box .box-cover {
    width: 100%;
    min-height: 62px;
    max-height: 62px;
    border-radius: 0px;
    background-color: #161445;
}

.userdp-box.lg .box-cover {
    min-height: 121px;
    max-height: 121px;
    border-radius: 18px;
}

.userdp-box.xlg .box-cover {
    min-height: 152px;
    max-height: 152px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}

.userdp-box .box-body {
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 9px;
    height: 100%;
    max-height: 100%;
    background-color: transparent;
    padding: 22px;
    padding-bottom: 0;
}

.user-modal .userdp-box .box-body,
.account-box .userdp-box .box-body {
    overflow: visible;
}

.userdp-box .box-head {
    width: 100%;
    position: relative;
}

.userdp-box .box-head .box-head-inner {
    width: 100%;
    position: absolute;
    padding: 0.8rem 0.8rem;
}

.userdp-box.xlg .box-head .box-head-inner {
    padding: 1.6rem 2rem;
}

.userdp-box .box-head .box-head-content {
    display: flex;
}

.userdp-box.lg .box-head .box-head-content {
    margin-top: 1.8rem;
}

.userdp-box.xlg .box-head .box-head-content {
    margin-top: 2.4rem;
}

.userdp-box .dp-wrapper {
    display: inline-block;
    min-width: 105px;
    min-height: 100px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #212639;
}

.userdp-box .dp-wrapper.sq {
    border-radius: 10px;
}

.userdp-box.lg .dp-wrapper {
    min-width: 115px;
    min-height: 115px;
}

.userdp-box.xlg .dp-wrapper {
    min-width: 131px;
    min-height: 131px;
}

.userdp-box.xlg .dp-wrapper.md {
    min-width: 105px;
    min-height: 100px;
}

.userdp-link {
    display: block;
    width: 100%;
}

.userdp-box .userdp-stats {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userdp-box .userdp-stats .stat-item {
    min-width: 20.33;
}

.userdp-box .userdp-stats .link-round {
    background-color: #1A1946;
}

.country-flag {
    width: 38px;
    height: 26px;
    border-radius: 2px;
}

.country-flag.sm {
    width: 25px;
    height: 17px;
}

.account-box .account-stats {
    width: auto;
    display: flex;
    align-items: center;
}

.account-box .account-stats .stat-item {
    margin-right: 2rem;
    display: flex;
}

.account-box .account-stats .stat-item:last-child {
    margin-right: 0;
}

.profile.md .profile-banner {
    border-radius: 20.86px;
    height: 121px;

}

.profile.md .profile-avatar {
    height: 115px;
    width: 115px;
}

.profile-avatar {
    height: 75px;
    width: 75px;
    border-radius: 100%;
    background-color: #1d185c
}

.chargeback .recharts-cartesian-axis-tick-line,
.recharts-cartesian-axis-line {
    display: none !important;
}

.recharts-text.recharts-cartesian-axis-tick-value {
    fill: #9CA1B7 !important;
}

.chargeback-chart .recharts-text.recharts-cartesian-axis-tick-value {
    fill: #9CA1B7 !important;
}

.chargeback-chart .recharts-text.recharts-cartesian-axis-tick-value tspan {
    font-size: 13px;
    font-family: 'Aeonik-Regular';
}

.qlinks {
    /* width: 173px; */
    min-height: 52px;
    height: 52px;
    padding-inline: 1.2rem;
    border-radius: 5px;
}

.account-info {
    min-height: 43px;
    max-height: 43px;
}

.splitter {
    height: 38px;
    width: 1px;
}

.account-box .pf-loc {
    width: 100%;
    background-color: #191C29;
    height: 191px;
    border-radius: 10px;
}

.pf-aside {
    width: 311px;
}

.pf-aside .pf-card {
    border-radius: 12px;
    height: 184px;
    width: 100%;
    padding: 2rem 1.2rem;
}

.pf-aside .pf-chart-icon {
    border-radius: 2.97px;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #191C29;
}

.cp-compliance {
    height: 598px;
}

/* 
.card-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
} */

.card-box .bank-cards {
    min-width: 325px;
    width: 100%;
    height: 160px;
    border-radius: 8.013px;
    background-color: #F7F3FF;
    margin-bottom: 2rem;
}

.cd-soon {
    min-height: 361px !important;
    border-radius: 14.38px;
    width: 509px;
}

.pf-box {
    border-radius: 9px;
    background-color: #f6f4fc;
    min-height: 176px;
    padding: 30px;
}

.pf-box.light {
    background-color: #fff;
    border: 1px solid #dfd8ef;
}

.pf-box.settings {
    border-radius: 14px;
    background-color: #121522;
    min-height: 225px;
    padding: 30px;
}

.wallet-switch .wt-btn {
    width: 52px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #D08157;
    background-color: #FFBE9B;
    text-align: center;

}

.wallet-switch {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.wallet-switch .wt-btn.active {
    border: 1px solid transparent;
    background-color: #FF6315;
    color: #fff !important;

}

.sm-box {
    /* min-width: 508px; */
    min-height: 89px;
    background-color: #F6F2FF;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 10px;
    padding-inline: 21px;
}

.sm-box .sm-card {
    height: 46px;
    width: 47px;
    border-radius: 5px;
    background-color: #E7DEF8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.tr-list {
    height: fit-content;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;

}

.tr-list .tr-box {
    min-height: 56px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcd0f8;
    background-color: #e9dfff;
    display: flex;
    align-items: center;
}

.tr-list .tr-box.clear-box {
    border: 1px solid #dcd0f8;
    background-color: transparent;
}

.tr-list .tr-box.bill {
    border-radius: 7px;
}

.tr-list .tr-box.active {
    border: 1px solid #7a56e0;
}

.tr-list .tr-box.sm {
    height: 43px !important;
    min-height: 43px !important;
}

.tr-list .tr-box.md {
    height: 74px !important;
    min-height: 74px !important;
}

.tr-list .tr-box.sm.ntw .tr-card {
    border: 1px solid #313554;
    border-radius: 5px;
    height: 100%;
}

.tr-list .tr-box.md .tr-card {

    width: 100%;
}

.tr-list .tr-box.md .tr-card .img-card {
    width: 52px;
    min-height: 49px;
    height: 49px;
}

.tr-list .tr-box .tr-card {
    display: flex;
    align-items: center;
    min-width: 100%;
    padding: 0.6rem 0.9rem 0.6rem 0.7rem;
}

.tr-list .tr-box.bill .tr-card {
    padding: 0.6rem 0.9rem 0.6rem 1.3rem;
}

.tr-list .tr-box .tr-card .img {
    border-radius: 100px;
    min-height: 37.92px;
    min-width: 37.92px;
}

.tr-list .tr-box .tr-card.sm .img-card {
    border-radius: 5.79px;
    background-color: #490bc4;
    min-height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tr-card .img-card.light {
    background-color: #eae4f8 !important;
}

.tr-list .tr-box.sm .tr-card .img-card {
    min-height: 28px;
    height: 28px;
    min-width: 28px;
    width: 28px;
    background-color: none;
}

.tr-list .tr-box .tr-card.cb {
    padding: 0.6rem 0rem 0.6rem 0rem
}

.tr-list .tr-box .tr-card.sm .img-card .icon {
    border-radius: 0px;
    height: 15.92px !important;
    width: 16.08px !important;
}

.tr-list .tx.col-md-6:nth-child(odd) {
    padding-right: 1.2rem;
}

.tr-list .tx.sm.col-md-6:nth-child(even) {
    padding-left: 0.7rem;
}

.tr-list .tx.sm.col-md-6:nth-child(odd) {
    padding-right: 0.7rem;
}

.tr-list .tx.col-md-6:nth-child(even) {
    padding-left: 1.2rem;
}


.tr-box .tr-card .tr-check {
    height: 16px;
    border-radius: 2.5px;
    width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #c4b6e3;
}

.tr-box .tr-card .tr-check.rounded {
    border-radius: 100%;
}

.separator {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0.1);
    width: 1px;
    box-sizing: border-box;
}

.select-drop-container {
    min-width: 100%;
    min-height: 56px;
    position: relative;
}

.select-drop-container .select-drophead {
    display: flex;
    align-items: center;
    border-radius: 5px;
    background-color: #202339;
    padding: 0.75rem 1.125rem;
    min-width: 100%;
    height: 100%;
    cursor: pointer;
}

.select-drop-container .select-drophead .img {
    min-height: 33px;
    height: 33px;
    min-width: 33px;
    width: 33px;
    border-radius: 4.92px;
}

.select-drop-container .select-dropbody.network {
    min-height: 158px;
    min-width: 100%;
    background-color: #202339;
    position: absolute;
    top: 86px;
    z-index: 100;
    border-radius: 5px;
    padding: 1.1rem 1.5rem;
    padding-bottom: 0.8rem;

}

.select-drop-container .select-dropbody.cable {
    min-height: 158px;
    min-width: 100%;
    background-color: #202339;
    position: absolute;
    top: 57px;
    z-index: 100;
    border-radius: 5px;
    padding: 1.1rem 1.5rem;
    padding-bottom: 0.8rem;

}

.receipt-card {
    background-color: #ffffff;
    border: 1px solid #e7defa;
    width: 294px;
    padding: 0.94rem 1.5rem;
    border-radius: 0.75rem;
}

.receipt-card.receipt-mx {
    margin: 0 auto;
}


.rt-separator {
    border-bottom: 1px dashed #CCCDD4;
    width: 207px;
    margin: 1rem auto;
    position: relative;
}

.pm-box {
    min-height: 103px;
    display: flex;
    align-items: center;
}

.pm-box .inner {
    height: 79px;
    width: 165px;
    background-color: #242A3F;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pm-box .inner .pm-file {
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

.in-message-box {
    width: 100%;
    background-color: #F7F3FF;
    border-radius: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 444px;
}

.notification-list {
    width: 100%;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.notification-list::-webkit-scrollbar {
    display: none;
}

.modal-content {
    background-color: #ffffff !important;
}

.payment-link {
    display: inline-block;
    width: 310px;
    overflow: hidden;
    line-height: 20px;
}

.pl-overview .over-card {
    width: 100%;
    min-height: 146px;
    padding: 1.6rem 1.85rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.split-card {
    border-radius: 5px;
    border: 1px solid #353A57;
    background-color: #121522;
    min-height: 154px;
    padding: 1.2rem 2rem;
}

.split-pop {
    height: 56px;
}

.empty-box .icon-box {
    height: 51px;
    width: 51px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-box .icon-box.sm {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-picker-menu {
    /* background-color: #0290c9 !important; */
    z-index: 4000 !important;
}

.custom-datepicker {
    display: block !important;
    width: 100%;
    min-height: 56px !important;
}

.custom-datepicker input,
.custom-datepicker .rs-picker-toggle {
    min-height: 55px !important;
    background-color: #F7F3FF !important;
    border: none !important;
    color: #fff;
}

.custom-datepicker .rs-picker-toggle-value,
.custom-datepicker .rs-picker-toggle-textbox {
    color: #fff !important;
    font-family: 'Aeonik-Regular' !important;
    font-size: 14px;
}

.custom-datepicker .rs-picker-toggle-placeholder {
    font-family: 'Aeonik-Regular' !important;
    font-size: 14px;
}

.custom-datepicker input:active,
.custom-datepicker .rs-picker-toggle:active {
    box-shadow: none !important;
    border: none !important;
}

.custom-datepicker .rs-picker-toggle {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.custom-datepicker .rs-btn-close,
.custom-datepicker .rs-picker-toggle-caret {
    top: 1.1rem !important;
}

.custom-datepicker.rs-picker-default .rs-picker-toggle,
.custom-datepicker .rs-picker-input .rs-picker-toggle {
    background-color: #F7F3FF !important;
}

.modal .modal-sembox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F3FF;
    border-radius: 5px;
    min-height: 179px;
}

.modal .modal-sitmbox {
    width: 100%;
    background-color: #F7F3FF;
    border-radius: 5px;
    min-height: 165px;
    padding: 1rem 1.3rem;
}

.cb-evidence {
    width: 40%;
    min-height: 80px;
    background-color: #f1eefb;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

.pref-box {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e7defa;
    padding: 1.3rem;
}

.pref-box.dark {
    background-color: #0e101a;
}

.pref-box.plain {
    background-color: transparent;
    border: 1px solid #e6e0ee;
}

.pref-box.pad-lg {
    padding: 1.3rem 1.9rem;
}

.main-drop .control,
.fee-drop .control {
    border-radius: 6px !important;
    background-color: #F9F6FF !important;
}

.main-drop .control .single__label,
.fee-drop .control .single__label {
    position: relative !important;
    top: 1px !important;
    color: #1E1335;
}

.invoice-box {
    width: 100%;
}

.invoice-box .invoice-items {
    width: 100%;
    background-color: #FBF9FF;
    border: 1px solid #e7defa;
    border-radius: 10px;
}

.invoice-box .table .line-item [class*="item-"] {
    border-right: 1px solid #e7defa;
    padding: 13px 16px;
}

.invoice-box .table .line-item [class*="item-"]:not(.item-no) {
    padding-left: 22px;
    padding-right: 22px;
}

.invoice-box .table tbody .line-item [class*="item-input"] {
    padding: 0 !important;
}

.invoice-box .table .line-item .item-no {
    width: 10%;
    text-align: center;
}

.invoice-box .table .line-item .item-name {
    width: 35%;
}

.invoice-box .table .line-item .item-qty {
    width: 10%;
    text-align: center;
}

.invoice-box .table .line-item .item-price {
    width: 20%;
}

.invoice-box .table .line-item .item-total {
    border-right: none;
}

.invoice-form .table input {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 13px 22px;
    color: #26047a !important;
}

.invoice-form .table input:active,
.invoice-form .table input:focus,
.invoice-form .table input:hover {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.invoice-form .table input::placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
}

.invoice-form .table input::-webkit-input-placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
}

.invoice-form .table input::-ms-input-placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
}

.invoice-form .table input:-ms-input-placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
}

.invoice-form .table input::-moz-placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
    opacity: 1;
}

.invoice-form .table input:-moz-placeholder {
    color: #604990 !important;
    font-family: 'Aeonik-Regular';
    opacity: 1;
}

.invoice-summary {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e7defa;
    padding: 1rem 2rem;
    bottom: 0;
    right: 0;
    padding-left: 287px;
    z-index: 500;
}

.invoice-summary .inner {
    min-height: 80px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.invoice-box input.readonly {
    border: none !important;
    background-color: transparent !important;
    pointer-events: none;
}

.invoice-box .logo {
    width: 120px;
}

.rs-picker-menu {
    /* background-color: #0290c9 !important; */
    z-index: 4000 !important;
}

.custom-datepicker {
    display: block !important;
    width: 100%;
    min-height: 55px !important;
}

.custom-datepicker input,
.custom-datepicker .rs-picker-toggle {
    min-height: 55px !important;
    background-color: #F9F6FF !important;
    border: none !important;
    color: #000;
}

.custom-datepicker.lg,
.custom-datepicker.lg input,
.custom-datepicker.lg .rs-picker-toggle {
    min-height: 50px !important;
}

.custom-datepicker .rs-picker-toggle-value,
.custom-datepicker .rs-picker-toggle-textbox {
    color: #1E1335 !important;
    font-family: 'Aeonik-Regular' !important;
    font-size: 14px;
}

.rs-btn-primary {
    background: #3E05AD !important;
}

.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content,
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
    background-color: #3E05AD !important;
}

.rs-calendar-table-cell .rs-calendar-table-cell-content:hover,
.rs-calendar-month-dropdown-cell .rs-calendar-month-dropdown-cell-content:hover,
.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell:hover {
    background-color: #E7DEF860 !important;
    color: #3E05AD !important;
}

.rs-calendar-month-dropdown-year-active,
.rs-calendar-time-view .rs-calendar-header-title-time,
.rs-calendar-month-view .rs-calendar-header-title-date {
    color: #3E05AD !important;
}

.rs-calendar-time-view .rs-calendar-header-title-time,
.rs-calendar-time-view .rs-calendar-header-title-time:focus,
.rs-calendar-month-view .rs-calendar-header-title-date:hover,
.rs-calendar-month-view .rs-calendar-header-title-date-active {
    border: 1px solid #3E05AD !important;
    background-color: #E7DEF860 !important;
}

.rs-calendar-header-forward-active,
.rs-calendar-header-forward:hover,
.rs-calendar-header-backward-active,
.rs-calendar-header-backward:hover {
    color: #3E05AD !important;
    background-color: #E7DEF860 !important;
}

.custom-select:active,
.custom-select:focus {
    box-shadow: none !important;
    outline: none !important;
}

.custom-datepicker .rs-picker-toggle-placeholder {
    font-family: 'Aeonik-Regular' !important;
    font-size: 14px;
}

.custom-datepicker input:active,
.custom-datepicker .rs-picker-toggle:active {
    box-shadow: none !important;
    border: none !important;
}

.custom-datepicker .rs-picker-toggle {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.custom-datepicker .rs-btn-close,
.custom-datepicker .rs-picker-toggle-caret {
    top: 1.1rem !important;
}

.custom-datepicker.rs-picker-default .rs-picker-toggle,
.custom-datepicker .rs-picker-input .rs-picker-toggle {
    background-color: #F7F3FF !important;
}

.custom-switch .custom-switch-description {
    position: relative;
    top: -1px;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #7a1cf9;
}

.custom-switch-input.green:checked~.custom-switch-indicator {
    background: #3dc456;
}

.resolve-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    border-radius: 6px;
    background-color: #F7F3FF;
}

.splits-box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.splits-box .split-item {
    padding: 0.4rem 0.4rem;
    border-radius: 3px;
    border: 1px solid #8e6d5c;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #ff915c;
    margin-right: 0.6rem;
}

.split-view {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1rem;
    border-radius: 6px;
    border: 1px solid #2f3755;
}

.code-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    border-radius: 12px;
    border: 1px solid #917CBC;
    padding: 0 2rem;
}

.code-box.code {
    padding: 0;
}

.code-box.code .code-input {
    text-align: center;
    font-weight: 900 !important;
    font-size: 20px;
}

.form-control.code-input {
    color: #594A77 !important;
}

.pin-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    border-radius: 6px;
    border: 1px solid #e7defa;
}

.pin-box.long {
    height: 180px;
    border-radius: 12px;
}

.pin-input {
    text-align: center;
    font-weight: 900 !important;
    font-size: 24px;
}

.ui-underline {
    text-decoration: underline !important;
}

.ui-border {
    border: 1px solid #e7defa !important;
}

.ui-border.red {
    border: 1px solid #FF0000 !important;
}

.permission-box {
    max-height: 374px;
    min-height: 374px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.permission-box::-webkit-scrollbar {
    display: none !important;
}

.tool-tip {
    display: inline-block;
}

.tool-tip .component {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

.notice-box {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-height: 126px;
    border-radius: 5px;
    border: 1px solid #202433;
    padding: 1rem 2rem;
}

.notice-box.md {
    min-height: 201px;
}

.notice-box.red {
    border: 1px solid #F7CFCF;
    background-color: #FFEBEB;
}

.notice-box.red {
    color: #B02525;
}

.notice-box .tip {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 2px solid #9B8BB7;
}

.notice-box.red .tip {
    border: 2px solid #B02525 ;
}

.notice-box .tip p {
    font-size: 12px;
}

.notice-box.red .desc h5 {
    color: #761919;
}

.bn-payments {
    gap: 1rem;
}