* {
  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;
}

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

.bgvace-orange {
  background-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: #9EA5CF !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-dimbright,
.onvace-dimbright span{
  color: #a6afd2 !important;
}

.onvace-blacklight,
.onvace-blacklight span {
  color: #606681 !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-lvprimary {
  background-color: #191D2D !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-mint {
    background-color: #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-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
}

.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-mdblue {
  background-color: #171B2B !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* end brand colors */

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

/* 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: #2a2c3e !important;
  width: 100%;
  min-height: 45px !important;
  padding: 0 1rem;
  color: #ffffff !important;
  border: 1px solid transparent;
}

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

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

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

.custom-modal.details .modal-content {
  background-color: #1A1D2C !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-control.refund-input {
  background-color: #1B2032 !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 #424660;
}

.form .form-control.show-focus:focus,
.form .form-control.show-focus:active {
    border: 1px solid #424660 !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: #222639 !important;
  color: #858ebd !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 .control {
  min-height: 55px !important;
  height: 55px !important;
  font-family: 'DMSans_Regular';
}

.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-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: #FF631525;
  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.mlg {
  width: 55px;
  height: 55px;
}

.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.buttoned-md {
  padding: 1rem 1rem;
}

.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: #D15A1B;
  background-color: #FFE3D3;
  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;
}

.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 .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%)
}


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

.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: 170px;
}

.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;
  max-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: linear-gradient(295deg, #250D01 0%, #6F2800 100%);
  width: 33%;
  min-height: 154px !important;
  padding: 0 1.7rem;
  padding-bottom: 1.5rem;

}

.overview .over-item.citems {
  width: 33% !important;
  height: 147px !important;
  min-height: 147px !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;
  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.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;
}

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

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

.pie-chart .recharts-legend-item-text{
  font-family: 'DMSans_Regular' !important;
  font-size: 14px !important;
}

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

svg.recharts-surface .recharts-text, 
svg.recharts-surface .recharts-text tspan{
  font-family: 'DMSans_Regular' !important;
}
.wallet-balance-bar svg.recharts-surface .recharts-text, 
.wallet-balance-bar svg.recharts-surface .recharts-text tspan{
  font-size: 12px !important;
  fill: #000 !important;
}
svg.recharts-surface .recharts-tooltip-cursor{
  display: none !important;
}

.recharts-custom-tooltip{
  min-width: 85px;
  min-height: 40px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.65) !important;
  color: #fff;
  font-size: 13px;
  padding: 0.65rem 0.75rem;
}

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

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

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


/* 
.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: #202339 !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(11, 12, 18, 0.75);
  display: flex;
}

.panel-box .display {
  margin-left: auto;
  width: 440px;
  height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #141623;
  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: #272938;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: .5rem;
}

.msg-icon-card.sm {
  width: 165px;
  height: 76px;
  padding-left: .7rem;
}


.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.live {
  background: #28CA2F;
}
.custom-switch-input:checked~.mode-switch.test {
  background: #f2a822;
}

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

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

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

.userdp-box.xxlg {
  background-color: #121522;
  padding: 0;
  min-height: 344px;
  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.xxlg .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.lg {
  min-height: 154px;
} */

.userdp-box .box-head .box-head-inner {
  width: 100%;
  position: absolute;
  padding: 0.8rem 0.8rem;
}

.userdp-box .box-head .box-head-inner .box-head-avatar {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

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

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

.account-box .pf-loc {
  width: 100%;
  background-color: #191D2E;
  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;
}

.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: 8px;
  background-color: #121522;
  min-height: 176px;
  padding: 20px 30px;
}
.pf-box.light{
  /* background-color: #151827; */
  border: 1px solid #202234;
}

.pf-box.settings {
  min-height: 225px;
}

.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-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: auto;
  width: 100%;
}

.tr-list.bills, .tr-list.list {
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.tr-list .tr-box {
  min-height: 56px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #282d43;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.tr-list.bills::-webkit-scrollbar,
.tr-list.list::-webkit-scrollbar{
  display: none;
}
.tr-list.bills .tr-box.active {
  border: 1px solid #895c45;
}

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

.tr-list .tr-box.active {
  border: 1px solid #784b34;
}

.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: 40px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
}

.tr-list .tr-box .tr-card {
  display: flex;
  align-items: center;
  min-width: 100%;
  padding: 8px 10px;
}

.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-box .img-card.add-new{
  background-color: #555b80 !important;
}

.tr-list.bills .tr-box .tr-card.sm .img-card {
  border-radius: 6px;
  background-color: #202237;
  min-height: 40px;
  min-width: 40px;
  height: 40px;
  width: 40px;
  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-list::-webkit-scrollbar {
  display: none;
}

.tr-box .tr-card .tr-check {
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  min-width: 16px;
  border-radius: 2.5px;
  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: #1b2032;
  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.airtime,
.select-drop-container .select-dropbody.data {
  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.airtime.long,
.select-drop-container .select-dropbody.data.long {
  width: 207%;
}

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

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

.notification-list .notif-item {
  width: 100%;
  border-radius: 8px;
  padding: 0.6rem 1rem;
  background-color: #1B2032;
  margin-bottom: 0.8rem;
}

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

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

.checkout-box {
  width: 100%;
  padding: 1.5rem 2.5rem;
  background-color: #141623;
  border-radius: 16px;
}

.checkout-box .header {
  width: 100%;
  display: flex;
  align-items: center;
}

.checkout-box .header img.logo {
  width: 120px;
}

.checkout-box .product-box {
  width: 100%;
  padding: 2rem;
  border-radius: 7px;
  border: 1px solid #2A2E49;
  min-height: 148px;
}

.checkout-box .product-box .product-image {
  width: 77px;
  height: 74px;
  background-color: #22273B;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-box .checkout-drop {
  background-color: #1b2032;
}

.checkout-box .checkout-drop .auth-drop {
  background-color: #1b2032 !important;
  border: none;
}

.checkout-drop .control .indicator-box .indicator{
    padding: 0 !important;
}

.checkout-drop .control .single .single__image{
    margin-right: 0 !important;
}

.modal .search-result {
  width: 100%;
  min-height: 140px;
  border-radius: 7px;
  padding: 1.4rem 2rem;
  background-color: #202538;
}

.modal .search-result.flat {
  background-color: transparent;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.modal .search-result.flat::-webkit-scrollbar {
  display: none;
}

.modal .search-result .search-product {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 7px;
  background-color: #22283e;
  border: 1px solid transparent;
}

.modal .search-result .search-product .image-box {
  width: 63px;
  height: 58px;
  background-color: #2e344b;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal .search-result .search-product.active {
  border: 1px solid #6e8d5c;
}

.checkout-modal .option-list {
  padding: 0;
  padding-top: 2rem;
  width: 100%;
  list-style: none;
  margin-bottom: 0;
}
.checkout-modal .method-list {
  padding-top: 1rem;
  width: 100%;
}
.checkout-modal .option-list li {
  width: 100%;
  display: block;
  margin-bottom: 3px;
}

.checkout-modal .option-list li a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.7rem 1.5rem;
}

.checkout-modal .option-list li a span:nth-child(2) {
  font-family: 'DMSans_Regular';
}

.checkout-modal .option-list li a.active {
  background-color: #22283D;
}

.checkout-modal .option-list li a.active {
  background-color: #22283D;
}

.checkout-modal .option-list li a:hover .fe,
.checkout-modal .option-list li a.active .fe {
  color: #FF6315;
}

.checkout-modal .option-list li a.active span:nth-child(2) {
  font-family: 'DMSans_Semibold';
}

.checkout-modal .method-item{
  width: 100%;
}

.checkout-modal .method-item a{
  width: 100%;
  display: block;
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
}

.checkout-modal .method-list .ui-line{
  margin: 3px 0 !important;
}

.checkout-modal .dm--body .image-box,
.invoice-box .image-box {
  width: 50px;
  height: 50px;
  background-color: #22273B;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-modal .checkout-bank-box {
  width: 100%;
  padding: 1.3rem 1.5rem;
  min-height: 200px;
  border-radius: 10px;
  border: 1px solid #2A2E49;
  background-color: #1d2234;
}

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

.main-drop .control{
  border-radius: 6px !important;
  background-color: #1B2032 !important;
}
.main-drop .control .single__label{
  position: relative !important;
  top: 1px !important;
  color: #fff;
}
.main-drop.data-drop .menu{
  width: 100% !important;
}
.main-drop.data-drop .menu .menu__option:hover {
  background-color: #363e5d;
}
.main-drop.data-drop .menu .menu-list {
  height: 160px;
}

.analytics-board{
  width: 100%;
}
.analytics-board .stat-card{
  width: 100%;
  background-color: #121522;
  padding: 1.2rem 1.25rem;
  border-radius: 14px;
}

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

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

.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: 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;
}
.custom-datepicker .rs-input-group.rs-input-group-inside{
 background-color: #1B2032 !important;
}
.rs-picker-toolbar .rs-btn-primary{
  background: none !important;
}
.resolve-box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  border-radius: 6px;
  background-color: #1b2032;
}
.splits-box{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.splits-box .split-item{
  padding: 0.4rem 0.4rem;
  border-radius: 3px;
  border: 1px solid #8e6d5c;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: #ff915c;
  margin-right: 0.6rem;
}
.split-view{
  width:  100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1rem;
  border-radius: 6px;
  border: 1px solid #2f3755;
}
.code-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  border-radius: 12px;
  border: 1px solid #03BBFF;
}
.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-input{
  text-align: center;
  font-weight: 900 !important;
  font-size: 18px;
}
.checkout-modal .cta-options{
  width: 100%;
}

.checkout-modal .cta-options .btn{
  padding: 0.375rem 1rem;
  min-height: 46px;
  border-radius: 4px;
  background-color: #21263c;
}

/* CHECKOUT PAGE */

.checkout-bound{
    width: 100%;
    border-radius: 8px;
    background-color: #1f212e;
}
.checkout-bound.bordered{
    border: 1px solid #C0B4DC;
}
.checkout-bound.bg-clear{
    background-color: transparent;
}

.checkout-bound .bound-header,
.checkout-bound .bound-body {
    width: 100%;
    padding: 1rem 1.5rem;
}
.checkout-bound .bound-body {
    padding: 1rem 2rem;
}

.checkout-product,
.checkout-invoice{
    width: 100%;
    border-radius: 5px;
    background-color: #1f212e;
    padding: 1.2rem 1.5rem;
}

.checkout-product .inner,
.checkout-invoice .inner{
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.form.checkout-form .select-box {
    border: none !important;
    width: unset;
}

.checkout-page .method-box{
    width: 100%;
    padding: 0.5rem 1.2rem;
    border-radius: 6px;
    border: 1px solid #444c65;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-page .method-box .splitter{
    width: 1px;
    height: 20px;
    margin: 0 12px;
    background-color: #434c65;
}

.checkout-page .method-box .box-label{
    position: absolute;
    top: -1.2rem;
    background-color: #1f212e;
    color: #cad1ed;
    padding: 0.25rem 0.35rem;
}

.checkout-page .method-item {
    min-width: 15%;
}

.checkout-page .method-item a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
}
.checkout-page .method-item a.spaced {
    padding: 0 0.4rem;
}
.checkout-page .checkout-form .long-message{
    padding: 5.5rem 1.5rem !important;
}
.checkout-page .checkout-form .med-message{
    padding: 3rem 1.5rem !important;
}

.checkout-page .checkout-form .med-message-flexed{
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.checkout-page .checkout-bank-box {
    width: 100%;
    padding: 1rem 1.5rem;
    min-height: 200px;
    border-radius: 6px;
    border: 1px solid #434c65;
    background-color: #20212e;
}

.checkout-page .business-logo {
    width: 35px;
    height: 33px;
    background-color: #2a2c3e;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2a2c3e;
}

.checkout-page .product-image {
    width: 70px;
    height: 70px;
    background-color: #2a2c3e;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2a2c3e;
}

/* END CHECKOUT PAGE */