* {
    box-sizing: border-box;
}

:root {
    --vace-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: 'DMSans_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(16, 17, 26, 0.80);
}

.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-primary */
.onvace-orange,
.onvace-orange span {
    color: #FF6315 !important;
}

.onvace-organgegd,
.onvace-organgegd span {
    color: #FF6315 !important;
}

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

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

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

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

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

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

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

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

.onvace-dim,
.onvace-dim span {
    color: #5E647C !important;
}

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

.onvace-blacklight,
.onvace-blacklight span {
    color: #141623 !important;
}

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

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

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

/* brand-textbox */
.onvace-inlabel {
    color: #D1D4F1 !important;
}

.onvace-inmodal-bg {
    background-color: #1B2032 !important;
}

.onvace-inform-bg {
    background-color: #1B2032 !important;
}

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

.bg-vacecard {
    background-color: #121522 !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(--vace-primary-color) !important;
}

.bg-brand-vprimary {
    background-color: var(--vace-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-smidvsecondary {
    background-color: #4A5271 !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-lvsecondary {
    background-color: #2D324A !important;
}

.bg-brand-vblack {
    background-color: #141623 !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: #0E101A !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-vdvorange {
    background-color: #FC590E !important;
}

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

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

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

.bgd-vorange,
.bgd-vorange:focus,
.bgd-vorange:active {
    background: linear-gradient(142deg, rgba(255, 99, 21, 1) 0%, rgba(229, 69, 26, 1) 100%) !important;
    background-clip: padding-box !important;
}

.bg-brand-tvorange {
    background-color: #FF631525;
}

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

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

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

.bg-brand-vdnavyblue {
    background-color: #141725 !important;
}

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

.brand-auth {
    color: #C3C2FB !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
}

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

.bg-brand-vlgreen {
    background-color: #06B7CC !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
}

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

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

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

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

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

.bg-brand-vlblue {
    background-color: #3A87FA !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 */

.vp-icon {
    position: relative;
    color: #535878;
}

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

.vp-icon .path1::before {
    color: #535878;
}

.vp-icon .path2::before {
    color: #AFB5DD;
}

.vp-icon.trio .path2::before {
    color: #535878;
}

.vp-icon.trio .path3::before {
    color: #AFB5DD;
}

.vp-icon.flip .path1::before {
    color: #AFB5DD;
}

.vp-icon.flip .path2::before {
    color: #535878;
}

.vp-icon.flip.trio .path2::before {
    color: #AFB5DD;
}

.vp-icon.flip.trio .path3::before {
    color: #535878;
}

.vp-icon.active,
.vp-icon:hover,
.vp-icon.active .path1::before,
.vp-icon:hover .path1::before {
    color: #FF6315;
}

.vp-icon.active .path2::before,
.vp-icon:hover .path2::before {
    color: #FFCBB1;
}

.vp-icon.active.trio .path2::before,
.vp-icon.trio:hover .path2::before {
    color: #FF6315;
}

.vp-icon.active.trio .path3::before,
.vp-icon.trio:hover .path3::before {
    color: #FFCBB1;
}

.vp-icon.flip.active .path1::before,
.vp-icon.flip:hover .path1::before {
    color: #FFCBB1;
}

.vp-icon.flip.active .path2::before,
.vp-icon.flip:hover .path2::before {
    color: #FF6315;
}

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

.vp-icon.flip.trio.active .path3::before,
.vp-icon.flip.trio:hover .path3::before {
    color: #FF6315;
}

.vp-icon.quad .path1::before,
.vp-icon.quad .path2::before {
    color: #535878;
}

.vp-icon.quad .path3::before,
.vp-icon.quad .path4::before {
    color: #AFB5DD;
}

.vp-icon.quad:hover .path1::before,
.vp-icon.quad:hover .path2::before {
    color: #FF6315;
}

.vp-icon.quad:hover .path3::before,
.vp-icon.quad:hover .path4::before {
    color: #FFCBB1;
}

/*  */

/* 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: 4.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.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: .7rem;
}

.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: #141623 !important;
    width: 100%;
    min-height: 45px !important;
    padding: 0 1rem;
    color: #ffffff !important;
}

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

.form .form-control.cp-cm-input {
    color: #818BB6 !important;
}

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

.form .form-control.pop-input {
    background-color: #1c1f32 !important;
}

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

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

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

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

.form .form-control.send-input {
    background-color: #202339 !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: #4D516C !important;
}

.form .form-control:active,
.form .form-control:focus {
    border: 1px solid #3e397f;
}

.form .form-control:active,
.form .form-control:focus {
    border: 1px solid #565c81;
}

.form .form-control.show-focus:focus,
.form .form-control.show-focus:active {
    border: 1px solid #565c81 !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;
}

.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: #191d2c !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 #2C324A !important;
    background: #161925 !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: 'DMSans_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;
    border: 1px solid #2e3359;
}

.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: 'DMSans_Regular';
}

.form .refund-drop.select-box .control {
    min-height: 56px !important;
    height: 56px !important;
    font-family: 'DMSans_Regular';
    background: #1B2032;
    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: 'DMSans_Regular';
}

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

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

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

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

/* 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 #2C324A !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: "DMSans_Regular";
    line-height: 23px;
    font-size: 14px;
    margin-right: 1.5rem;
    list-style: none;
    cursor: pointer;
    color: #9AA5D4 !important;
}

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

    color: #FFCBB1 !important;
    font-family: "DMSans_Semibold";
}

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

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

.react-tabs__tab:focus {
    outline: unset !important;
    border-bottom: 3px solid #FF6315 !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;
}

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

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

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

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

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

.vp-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;
}

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

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

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

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

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

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

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

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

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

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

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

.vp-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: #313650;
    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: #fff !important;
}

.link-round:hover .fe {
    color: #fff !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: #ffffff;
    background-color: #393f60;
    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: #11A62033;
    color: #ABFFB3;
}

.custom-badge.yellow {
    line-height: 13px;
    padding-block: 11px;
    background-color: #A6A0111F;
    color: #FFBD3C;
}

.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: #5602FE33;
    color: #B378FF;
}

.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: #FE353526;
    color: #FF5A5A;
}

.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: #38279C !important;
    border-color: #38279C !important;
    height: 55px !important;
    color: #fff !important;
}

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

.form .auth-drop .control .single .left {
    padding-right: 0.44rem;
    position: relative;
    top: 2px;
    font-family: 'DMSans_Regular' !important;
}

.form .auth-drop .control .single .left span {
    font-family: 'DMSans_Regular' !important;
    color: #aeb1c8;
}

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

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

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

.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: 'DMSans_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: 'DMSans_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 rgba(0, 40, 100, 0.12);
    border-radius: 6px;
    display: flex;
    align-items: center;
    background-color: #141623;
}

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

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

.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: 'DMSans_Regular';
}

.boundless-input .select-box .menu {
    width: 210px;
    font-family: 'DMSans_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: #3E4460;
    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: 'DMSans_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: 'DMSans_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: 'DMSans_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: 'DMSans_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: 30%;
    padding: 1rem 1.7rem;
    background-clip: padding-box;
    border-radius: 8px;
    min-height: 154px;
}

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

.overview .over-item.chargeback,
.over-item.qlinks {
    background: #121522;
    width: 404px;
    height: auto;
    padding: 0.7rem 1.4rem;
    padding-bottom: 1.5rem;
}

.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 {
    background: #121522;
    width: 404px;
    min-height: 224px;
    padding: 0.7rem 1.2rem;
}

.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 {
    background: #121522;
    width: 93%;
    min-height: 100%;
}

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

.overview .over-item.gray {
    background: linear-gradient(128deg, rgba(79, 82, 146, 0.4) 0%, rgba(20, 23, 87, 0.40) 100%);
    width: 37%;
}

.overview .over-item.revenue {
    justify-content: unset;
    background: #FFBE9B;
    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.citems.cgreen {
    background: linear-gradient(115deg, #012A48 0%, #021729 98.92%);
}

.overview .over-item.citems.orange {
    background: #FFBE9B;
}

.overview .over-item.citems.airforce {
    background: #D3E4FF;
}

.overview .over-item.citems.dairforce {
    background: #75A6F0;
}

.overview .over-item.citems.clgreen {
    background: #D3FAFF;
}

.overview .over-item.citems.armygreen {
    background: #EDFFD7;
}

.overview .over-item.citems.cpurple {
    background: linear-gradient(295deg, #15092E 0%, #241E47 100%);
}

.overview .over-item.citems.cgray {
    background: linear-gradient(118deg, #2E2F48 0%, #1E1F39 57.79%);
}

.overview .over-item.blue.users {
    justify-content: unset;
    width: 33% !important;
    background: linear-gradient(295deg, #15092E 0%, #312A59 100%);
    min-height: 154px;
    height: 154px;
    padding: 0 1.7rem;
    padding-bottom: 1.5rem;
    min-height: 154px !important;
}

.overview .over-item.gray.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: linear-gradient(295deg, #250D01 0%, #6F2800 100%);
}

.overview .over-item.blue {
    background: linear-gradient(295deg, #15092E 0%, #312A59 100%);
}

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

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

.overview .over-item.revenue .val {
    background-color: #FFCBB1;

}

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

.overview .over-item.brown .val,
.overview .over-item.gray .val,
.overview .over-item.revenue .val,
.overview .over-item.blue .val.purple {
    /* background-color: #FF6315; */
    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 .val.purple {
    background-color: #E7D4FF !important;
}

.overview .over-item.gray .val {
    background-color: #D5FDD7;
}

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

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

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

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

/* apexcharts */
.apexcharts-text tspan {
    font-size: 12px !important;
}

.apexcharts-canvas .apexcharts-toolbar {
    display: none !important;
}

.wallet .apexcharts-legend-text,
.statistic .apexcharts-legend-text {
    color: #9AA6D4 !important;
}

.wallet-chart .apexcharts-yaxis,
.wallet-chart .apexcharts-grid,
.wallet-chart .apexcharts-grid-borders,
.profile .apexcharts-yaxis,
.profile .apexcharts-grid,
.profile .apexcharts-grid-borders {
    display: none;
}

.statistic .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    bottom: 10px !important;
}

.wallet.wallet-dash .apexcharts-canvas {
    top: 30px !important;
    left: -8px;
}

.apexcharts-xaxis-tick {
    display: none !important;
}

.wallet .apexcharts-svg {
    position: relative;
    top: -15px;
}

.wallet.bar .apexcharts-svg {
    position: relative;
    left: -55px;
    top: -15px;
}

.wallet .apexcharts-bar-area {
    background: #FF6315 !important;
}


.profile .apexcharts-xaxis-label,
.profile .apexcharts-text {
    fill: #9BA4C7 !important;
}

.profile .apexcharts-text tspan {
    color: #9BA4C7 !important;
}


.profile .apexcharts-svg {
    position: relative;
    left: -70px;
}

/* 
.profile .apexcharts-bar-area {
  fill: #FF6315 !important;
} */

/* apexchart end */

.table-dp {
    min-width: 53px;
    width: 54.5px;
    min-height: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #22263A;
    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: 50px;
    width: 50px;
    min-height: 50px;
    height: 50px;
    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: 77px;
}

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

.table-drop-box {
    min-width: 290px;
}

/* 
.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: #1B2032 !important;
    border-radius: 5px !important;
    height: 56px !important;
}

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

.modal .form .sd-input input.form-control::placeholder {
    color: #8489A8 !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: 'DMSans_Regular' !important;
}

.camp-html .tox-tinymce {
    font-family: 'DMSans_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: 'DMSans_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: 'DMSans_Regular' !important;
}

.post-html h2,
.post-html h3,
.post-html h4,
.post-html h5,
.post-html h6 {
    font-family: 'DMSans_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: 'DMSans_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: 'DMSans_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: #1E2030;
    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;
}

.mode-switch::before {
    top: 2px;
    background-color: #878EA6;
    box-shadow: none;
}

.custom-switch-input:checked~.mode-switch:before {
    background-color: #fff;
}

.custom-switch-input:checked~.mode-switch {
    background: #28CA2F;
}

.ui-dashboard-body .form-control.cp-input,
.ui-dashboard-body .form-control.cp-input {
    background: #1B2032 !important;
}


.modal .form .form-control.cp-input {
    background: #1B2032 !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;
}

.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: #AFB5DD;
}

.create-step .step-item .link-round {
    background-color: #4D516C;
}

.create-step .step-item .link-round .fe {
    color: #8282AB;
}

.create-step .step-item.active .link-round {
    background-color: #FF6315;
    color: #fff;
}

.create-step .step-item.done p {
    color: #b5f8b9;
}

.create-step .step-item.active p {
    color: #fff;
}

.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: #432abb !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;
}

/** END REACT DATE PICKER */

.bank-box {
    width: 100%;
    border-radius: 5px;
    background-color: #1e2030;
    border: 1px solid #2C324A;
    color: #7E85A0;
    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: #161A29 !important;
}

.cp-device-modal .modal-dialog {
    max-width: 600px !important;
    margin: auto !important;
}

.cp-pin-modal .modal-content {
    border-radius: 18px !important;
    background-color: #121522 !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: rgba(78, 255, 49, 0.161) !important;
    padding-left: 1.3rem;
    color: #ECFFE9 !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: #1B1F2C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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;
}

.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: #1b2032;
    margin-bottom: 2rem;
}

.cd-soon {
    min-height: 361px !important;
    border-radius: 14.38px;
    width: 509px;
}

.pf-box {
    border-radius: 14px;
    background-color: #121522;
    min-height: 176px;
    padding: 30px;
}

.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: #1B2032;
    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: #323653;
    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 #242a41;
    background-color: transparent;
    display: flex;
    align-items: center;
}

.tr-list .tr-box.bill {
    border-radius: 7px;
}

.tr-list .tr-box.active {
    border: 1px solid #5c6f84;
}

.tr-list .tr-box.active.orange {
    border: 1px solid #fc9059;
}

.tr-list .tr-box.active.green {
    border: 1px solid #70bd60;
}

.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: #202237;
    min-height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.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: #393D56;
}

.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: #F2F4FE;
    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;
}

.rt-separator::before,
.rt-separator::after {
    content: '';
    display: block;
    height: 45px;
    width: 45px;
    top: -20px;
    border-radius: 100px;
    background-color: #141623;
    position: absolute;
    z-index: 0;
}

.rt-separator::before {
    left: -75px;
}

.rt-separator::after {
    right: -75px;
}

.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: #141623;
    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: #161A29 !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;
    background-color: #171B2A;
    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: #1B2032 !important;
    border: none !important;
    color: #fff;
}

.custom-datepicker .rs-picker-toggle-value,
.custom-datepicker .rs-picker-toggle-textbox {
    color: #fff !important;
    font-family: 'DMSans_Regular' !important;
    font-size: 14px;
}

.custom-datepicker .rs-picker-toggle-placeholder {
    font-family: 'DMSans_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: #1B2032 !important;
}

.modal .modal-sembox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1B2032;
    border-radius: 5px;
    min-height: 179px;
}

.modal .modal-sitmbox {
    width: 100%;
    background-color: #1B2032;
    border-radius: 5px;
    min-height: 165px;
    padding: 1rem 1.3rem;
}

.cb-evidence {
    width: 40%;
    min-height: 80px;
    background-color: #242A3F;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

.pref-box {
    width: 100%;
    border-radius: 10px;
    background-color: #171B2B;
    padding: 1.3rem;
}

.pref-box.dark {
    background-color: #0e101a;
}

.pref-box.plain {
    background-color: transparent;
    border: 1px solid #212639;
}

.pref-box.pad-lg {
    padding: 1.3rem 1.9rem;
}

.pf-box {
    border-radius: 8px;
    background-color: #121522;
    min-height: 176px;
    padding: 20px 30px;
  }
  .pf-box.light{
    border: 1px solid #393b53;
  }
  
  .pf-box.settings {
    min-height: 225px;
  }

.main-drop .control,
.fee-drop .control {
    border-radius: 6px !important;
    background-color: #1B2032 !important;
}

.main-drop .control .single__label,
.fee-drop .control .single__label {
    position: relative !important;
    top: 1px !important;
    color: #fff;
}

.invoice-box {
    width: 100%;
}

.invoice-box .invoice-items {
    width: 100%;
    background-color: #121522;
    border: 1px solid #2A2E49;
    border-radius: 10px;
}

.invoice-box .table .line-item [class*="item-"] {
    border-right: 1px solid #2A2E49;
    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: #B0B5D1;
}

.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: #616686 !important;
}

.invoice-form .table input::-webkit-input-placeholder {
    color: #616686 !important;
}

.invoice-form .table input::-ms-input-placeholder {
    color: #616686 !important;
}

.invoice-form .table input:-ms-input-placeholder {
    color: #616686 !important;
}

.invoice-form .table input::-moz-placeholder {
    color: #616686 !important;
    opacity: 1;
}

.invoice-form .table input:-moz-placeholder {
    color: #616686 !important;
    opacity: 1;
}

.invoice-summary {
    width: 100%;
    background-color: #161A2A;
    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: #1B2032 !important;
    border: none !important;
    color: #fff;
}

.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: #fff !important;
    font-family: 'DMSans_Regular' !important;
    font-size: 14px;
}

.custom-datepicker .rs-picker-toggle-placeholder {
    font-family: 'DMSans_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: #1B2032 !important;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #FF6315;
}

.custom-switch-input.green:checked~.custom-switch-indicator {
    background: #3dc456;
}

.code-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    border-radius: 12px;
    border: 1px solid #525a93;
    padding: 0 1.4rem;
}

.code-box.code {
    padding: 0;
}

.code-box.code .code-input {
    text-align: center;
    font-weight: 900 !important;
    font-size: 20px;
}

.pin-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    border-radius: 6px;
    border: 1px solid #2e3151;
    /* background-color: #202339; */
}

.pin-box.long {
    height: 180px;
    border-radius: 12px;
}

.pin-input {
    text-align: center;
    font-weight: 900 !important;
    font-size: 18px;
}

.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;
}

.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;
    top: 0rem;
}

.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;
}

.tool-tip {
    display: inline-block;
}
.tool-tip .component{
    background-color: rgba(0, 0, 0, 0.95) !important;
}