* {
  box-sizing: border-box;
}

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

.header .logo img {
  position: relative;
  top: -2px;
}

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

.alert {
  border-radius: 5px;
}

.container-fluid {
  width: 91%;
}

.container-fluid.md {
  width: 95%;
}

.container-fluid.lg {
  width: 100%;
}

.container-fluid.full {
  width: 91%;
}

.container-fluid.flat,
.container.flat {
  padding: 0 !important;
}

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

.modal-backdrop {
  background-color: #05031fa8;
}

.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: 3rem;
  bottom: unset;
  /* margin-top: 3rem; */
  left: 0;
}

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

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

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

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

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

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

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

/* brand colors */
.brand-bluedark,
.brand-bluedark span {
  color: #010128 !important;
}

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

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

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

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

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

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

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

.brand-lightred,
.brand-lightred span {
  color: #FEB4B8 !important;
}

.bg-brand-lightred {
  background-color: #FEB4B8 !important;
}

.brand-light,
.brand-light span {
  color: #D8D8FF !important;
}

.bg-brand-light {
  background-color: #D8D8FF !important;
}

.brand-muted,
.brand-muted span {
  color: #AAAAE2 !important;
}

.bg-brand-muted {
  background-color: #AAAAE2 !important;
}

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

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

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

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

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

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

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


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

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

.brand-gd-blue,
.brand-gd-blue span {
  background: linear-gradient(149deg, #000099 1.4%, #000071 116.97%);
}

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

/* gradients */

.brand-disable,
.brand-disable span {
  color: #8484C2 !important
}

.bg-brand-disable {
  background-color: #8484C2 !important
}

.brand-gd-disable,
.brand-gd-disable span {
  background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
}

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

.bgd-disablelt,
.bgd-disablelt:focus,
.bgd-disablelt:active {
  background: linear-gradient(149deg, #8787C2 1.4%, #454578 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-mixedb,
.brand-gd-mixedb span {
  background: linear-gradient(149deg, #F00917 1.4%, #0000FF 116.97%);
}

.bgd-mixedb,
.bgd-mixedb:focus,
.bgd-mixedb:active {
  background: linear-gradient(149deg, #F00917 1.4%, #0000FF 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;
}

.bgd-twt,
.bgd-twt:active,
.bgd-twt:focus {
  background: linear-gradient(90deg, rgba(3, 187, 255, 1) 0%, rgba(2, 94, 178, 1) 100%);
  background-clip: padding-box !important;
}

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

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

/* OLD BRAND COLORS */

.bg-brand-bluelight{
  background-color: #252851 !important;
}

.bg-brand-bluemd{
  background-color: #393d71 !important;
}

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

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


.brand-neutral, .brand-neutral a, .brand-neutral span {
  color: #d5dff6 !important;
}

.bg-brand-neutral{
background-color: #F5F8FF !important;
}

.brand-neutralmd, .brand-neutralmd a, .brand-neutralmd span {
color: #93A0BC !important;
}

.bg-brand-neutralmd{
background-color: #93A0BC !important;
}

.brand-neutraldk, .brand-neutraldk a, .brand-neutraldk span {
color: #7784A0 !important;
}

.bg-brand-neutraldk{
  background-color: #7784A0 !important;
}

/* end brand colors */

.gm-icon {
  position: relative;
}

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

.gm-icon.grad{
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.gm-icon .path1::before,
.gm-icon.quad .path3::before{
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: unset !important;
}

.gm-icon.reverse .path2::before,
.gm-icon.quad.reverse .path4::before {
  -webkit-background-clip: initial !important;
  background-clip: text !important;
  -webkit-text-fill-color: initial !important;
}

.gm-icon.grad{
  background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
}


.gm-icon .path1::before,
.gm-icon.quad .path3::before {
  background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
}

.gm-icon .path2::before,
.gm-icon.quad .path4::before,
.gm-icon.trio .path3::before {
  color: #AAAAE2;
}

.gm-icon.active.grad,
.gm-icon.grad:hover{
  background: linear-gradient(149deg, #FF1010 1.4%, #da0202 116.97%);
}

.gm-icon.active .path1::before,
.gm-icon:hover .path1::before,
.gm-icon.quad.active .path3::before,
.gm-icon.quad:hover .path3::before,
.gm-icon.quad.active .path2::before,
.gm-icon.quad:hover .path2::before {
  background: linear-gradient(149deg, #FF1010 1.4%, #da0202 116.97%);
}

.gm-icon.active .path2::before,
.gm-icon:hover .path2::before,
.gm-icon.quad.active .path4::before,
.gm-icon.quad:hover .path4::before,
.gm-icon.trio:hover .path3::before,
.gm-icon.trio.active .path3::before  {
  color: #FEB4B8;
}

.gm-icon.reverse .path1::before {
  -webkit-background-clip: initial !important;
  background-clip: text !important;
  -webkit-text-fill-color: initial !important;
}

.gm-icon.reverse .path2::before {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: unset !important;
}

.gm-icon.reverse .path1::before,
.gm-icon.quad.reverse .path3::before{
  color: #AAAAE2 !important;
  background: unset !important;
}

.gm-icon.reverse .path2::before,
.gm-icon.quad.reverse .path4::before {
  background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
}

.gm-icon.reverse.active .path1::before,
.gm-icon.reverse:hover .path1::before,
.gm-icon.quad.reverse.active .path3::before,
.gm-icon.quad.reverse:hover .path3::before  {
  color: #FEB4B8 !important;
}

.gm-icon.reverse.active .path2::before,
.gm-icon.reverse:hover .path2::before,
.gm-icon.quad.reverse.active .path4::before,
.gm-icon.quad.reverse:hover .path4::before {
  background: linear-gradient(149deg, #FF1010 1.4%, #da0202 116.97%);
}

.gm-icon.white::before {
  color: #fff !important;
}

.gm-icon.quad.active .path2::before,
.gm-icon.quad:hover .path2::before {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(149deg, #FF1010 1.4%, #da0202 116.97%);
}


.gm-icon.quad.active .path4::before,
.gm-icon.quad.active:hover .path4::before {
  color: #FEB4B8;
}

.gm-icon.active.grad.facebook,
.gm-icon.grad.facebook:hover{
  background: linear-gradient(90deg, rgba(3, 119, 255, 1) 0%, rgba(1, 50, 123, 1) 100%);
}

.gm-icon.active.grad.google,
.gm-icon.grad.google:hover{
  background: linear-gradient(90deg, #feaa34 0%, #FF1010 100%);
}

.gm-icon.active.grad.discord,
.gm-icon.grad.discord:hover{
  background: linear-gradient(90deg, #5865f2 0%, #252f9d 100%);
}

.gm-icon.active.grad.telegram,
.gm-icon.grad.telegram:hover{
  background: linear-gradient(118deg, #52E5E7 0%, #130CB7 100%);
}

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

.navigation.onboard{
  padding: 0.6rem 0;
}

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

.main-nav .nav-btn {
  padding: 9px 24px !important;
  top: 10px;
}

/* 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: #FF1010;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.sq {
  border-radius: 5px;
}
.btn.xs {
  padding: 0.5rem 1.2rem;
  font-size: 12px;
  min-width: 100px;
}

.btn.mini {
  padding: 0.45rem 0.8rem;
  padding-bottom: 0.6rem;
  min-width: 80px;
  font-size: 11px;
}

.btn.sm {
  padding: 0.6rem 1.2rem;
  font-size: 11px;
}

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

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

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

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

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

.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.96rem 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-flex;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    position: relative;
    margin:0;
    align-items: center;
    justify-content: center;
  }
 
  .dot.sm{
    width: 8px;
    height: 8px;
  }
  .dot.md{
    width: 10px;
    height: 10px;
  }
  .dot.lg{
    width: 14px;
    height: 14px;
  }
  .dot.green{
    background-color: #1CFAC4;
    color: #1CFAC4;
  }
  .dot.green.light{
    background-color: rgba(28, 250, 196, 0.30);
  }
  .dot-text.green{
    color: #1CFAC4;
  }
  .dot.red{
    background-color: #e01e1e;
    color: #e01e1e;
  }
  .dot-text.red{
    color: #e01e1e;
  }
  .dot.pink{
    background-color: #FF1BCD;
    color: #FF1BCD;
  }
  .dot.pink.light{
    background-color: rgba(255, 27, 205, 0.30);
  }
  .dot-text.pink{
    color: #FF1BCD;
  }
  .dot.yellow{
    background-color: #FFBB0B;
    color: #FFBB0B;
  }
  .dot.yellow.light{
    background-color: rgba(255, 187, 11, 0.30);
  }
  .dot-text.yellow{
    color: #FFBB0B;
  }
  .dot.cyan{
    background-color: #42b1ff;
    color: #42b1ff;
  }
  .dot.cyan.light{
    background-color: rgba(66, 177, 255, 0.30);
  }
  .dot-text.cyan{
    color: #42b1ff;
  }
  .dot.purple{
    background-color: #530cf8;
    color: #4504dd;
  }
  .dot.purple.light{
    background-color: rgba(69, 4, 221, 0.30);
  }
  .dot-text.purple{
    color: #4504dd;
  }.dot-text.purplelt{
    color: #cdb8ff;
  }
  .dot.orange{
    background-color: #f8630c;
    color: #eb5904;
  }
  .dot-text.orange{
    color: #eb5904;
  }
  
  .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-dots{
    display: block !important;
    margin-top: 15px;
  }
  
  .owl-carousel.owl-theme .owl-nav button span,
  .owl-carousel.owl-theme .owl-dots button span{
    font-size: 24px;
  }

  .owl-carousel.owl-theme .owl-dots .owl-dot span{
    background-color: #45448F;
    margin: 3px 4px;
  }

  .owl-carousel.owl-theme .owl-dots .owl-dot.active span{
    background-color: #514ED8;
  }
  
  .owl-carousel.owl-theme .owl-nav button:first-child,
  .owl-carousel.owl-theme .owl-dots button:first-child{
    margin-left: 0;
  }
  
  .owl-carousel.owl-theme .owl-nav button:last-child,
  .owl-carousel.owl-theme .owl-dots 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,
  .owl-carousel.owl-theme .owl-dots 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: 'satoshiregular';
  }
  
  .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;
  border: 1px solid transparent;
  background-color: #110D2D;
  width: 100% !important;
  min-height: 45px;
  padding: 0 1.3rem;
  color: #fff;
}
.form .tip-anchor{
  opacity: 0.3;
}
/* .form [class*="col-"]:hover .tip-anchor, */
.form .col:hover .tip-anchor,
.form .form-group:hover .tip-anchor{
  opacity:1;
}
.tooltip-bg{
  background-color: #1460ac !important;
}
.ui-dashboard-body .form .form-control {
  background-color: #110D3D;
}
.modal .form .form-control{
  background-color: #110D3D;
}
.form .form-control:active,
.form .form-control:focus {
  background-color: #110D2D;
  border: 1px solid #566FF4;
  box-shadow: none;
  outline: none;
}
.modal .form .form-control:active,
.modal .form .form-control:focus{
  background-color: #110D3D;
  border: 1px solid #332c7c;
}
.ui-dashboard-body .form .form-control:active,
.ui-dashboard-body .form .form-control:focus {
  background-color: #110D3D;
}
.form .form-control::placeholder{
  color: #8484C2;
  opacity: 1; /* Firefox */
}
.form .form-control::-webkit-input-placeholder{
  color: #8484C2;
  opacity: 1; /* Firefox */
}
.form .form-control:-ms-input-placeholder{
  color: #8484C2;
}
.ui-dashboard-body .form .form-control::placeholder{
  color: #8484C2;
  opacity: 1; /* Firefox */
}
.ui-dashboard-body .form .form-control::-webkit-input-placeholder{
  color: #8484C2;
  opacity: 1; /* Firefox */
}
.ui-dashboard-body .form .form-control:-ms-input-placeholder{
  color: #8484C2;
}
main.ui-dashboard-body .form .form-row.pat [class*="col"]:first-child {
  padding-right: 0.6rem;
}

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

main.ui-dashboard-body .form .form-row.pat [class*="col"]:last-child {
  padding-left: 0.6rem;
  padding-right: 0 !important;
}

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

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

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

.form .form-control.mlg {
  min-height: 53px;
  height: 53px;
}

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

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

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

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

.form textarea.form-control {
  padding: 1rem 1rem;
  height: 80px ;
  min-height: 80px ;
}
  
  .form .flatpickr-input{
    border-radius: 6px;
    border: 1px solid transparent;
    background-color: #18183c;
    color: #fff !important;
    width: 100% !important;
    min-height: 45px !important;
    font-family: 'satoshiregular';
    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 .rs-pickr .rs-picker-toggle.rs-btn-lg{
    padding-bottom: 13px;
    padding-top: 13px;
  }

  .form .rs-pickr  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
  .form .rs-pickr  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean{
    top: 14px;
  }
  .form .rs-pickr .rs-picker-toggle {
    background-color: #110D3D !important;
    border: none !important;
  }
  .form .rs-pickr .rs-picker-toggle .rs-picker-toggle-placeholder {
    color: #8080c1;
  }
  .form .rs-pickr .rs-picker-toggle .rs-picker-toggle-value {
    color: #ffffff;
    font-size: 13px;
  }
  .rs-picker-date-menu{
    top: 335px !important;
  }
  .body.modal-open .rs-picker-date-menu{
    top: 826px !important;
  }
  .body.modal-open .rs-picker-date-menu{
    z-index: 2000 !important;
  }
  
  .form select.form-control{
    min-height: 50px;
    border-radius: 6px;
  }
  
  .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: 'satoshiregular';
  }
  
  .form .select-box .control .single {
    padding: 0.2rem 0.8rem;
  }
  
  .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 .form-drop .control {
    min-height: 53px;
    height: 53px;
    font-family: 'satoshiregular';
    background-color: #110D3D;
  }

  .form .form-drop .indicator svg {
    fill: #AAAAE2 !important;
  }

  .form .form-drop .menu .menu-list {
    max-height: 113px;
  }

  .form .form-drop, .form .form-drop .control{
    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: 'satoshiregular';
  }
  
  .form .select-box.long-drop .control .single{
    width: 93%; 
  }

  

  .custom-checkbox .custom-control-label{
    margin-top: -9px;
  }

  .custom-checkbox .custom-control-label::before,
  .custom-radio .custom-control-label::before {
    border-radius: 2px;
    background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
    background-clip: padding-box;
    opacity: 0.6;
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
    background-clip: padding-box;
    opacity: 1;
  }
  
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background: linear-gradient(149deg, #8787C2 1.4%, #454578 116.97%);
    background-clip: padding-box;
  }

  .custom-checkbox .custom-control-input ~ .custom-control-label::before,
  .custom-radio .custom-control-input ~ .custom-control-label::before,
  .custom-checkbox .custom-control-input ~ .custom-control-label::after,
  .custom-radio .custom-control-input ~ .custom-control-label::after,
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }

  .boundless-input {
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 6px;
    display: flex;
    align-items: center;
  }
  
  .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: 0.2rem 0.8rem;
    padding-right: 0rem !important;
    font-family: 'satoshi';
  }
  
  .boundless-input .div {
    height: 25px;
    width: 1px;
    background-color: #9aa7b9;
  }
  
  .boundless-input .select-box .menu {
    width: 210px;
    font-family: 'inter';
  }

  .boundless-input .select-box .menu .menu-list {
    max-height: 150px;
  }

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

/* end rwt-tabs */

/* table */
.table tbody.sm td,
.table thead.sm th {
  padding: 0.55rem;
}

.table tbody.xsm td,
.table thead.xsm th {
  padding: 0.35rem;
}

/* end table */

/* footer media */
.social_media li {
    margin: 0 0.3rem;
  }
  
.social_media li a{
  width: 40px;
  height: 40px;
  display: inline-block;
  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: 2px;
}
/* end footer media */

/* loader */
.gmd-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;
}
.gmd-loader::before{
  width: 45px;
  height: 45px;
  display: inline-flex;
  content: '';
  border-radius: 100px;
  top: 0;
  left: 0;
  background-color: #090724;
}

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

.gm-loader{
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  color: #ffffff;
}
.gm-loader::before,
.gm-loader::after{
  width: 30px;
  height: 30px;
  display: inline-flex;
  position: absolute;
  content: '';
  border-radius: 100px;
  top: 0;
  left: 0;
}
.gm-loader::before{
  border: 2px solid currentColor;
  opacity: .15;
}
.gm-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;
}

.gm-loader.md,
.gm-loader.md::before,
.gm-loader.md::after{
  width: 25px;
  height: 25px;
}
.gm-loader.md::before{
  border: 0.1rem solid currentColor;
  opacity: .15;
}
.gm-loader.md::after{
  border: 0.1rem solid;
  border-color: transparent;
  border-top-color: currentColor;
}
.gm-loader.sm,
.gm-loader.sm::before,
.gm-loader.sm::after{
  width: 20px;
  height: 20px;
}
.gm-loader.sm::before{
  border: 0.1rem solid currentColor;
  opacity: .15;
}
.gm-loader.sm::after{
  border: 0.1rem solid;
  border-color: transparent;
  border-top-color: currentColor;
}
.gm-loader.lg,
.gm-loader.lg::before,
.gm-loader.lg::after{
  width: 35px;
  height: 35px;
}
.gm-loader.lg::before{
  border: 0.1rem solid currentColor;
  opacity: .15;
}
.gm-loader.lg::after{
  border: 0.1rem solid;
  border-color: transparent;
  border-top-color: currentColor;
}
.gm-loader.xlg,
.gm-loader.xlg::before,
.gm-loader.xlg::after{
  width: 50px;
  height: 50px;
}
.gm-loader.xlg::before{
  border: 0.1rem solid currentColor;
  opacity: .15;
}
.gm-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: #191552;
  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.mini {
  width: 20px;
  height: 20px;
}

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

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

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

.link-round.smdx {
  width: 42px;
  height: 42px;
}

.link-round.smx {
  width: 35px;
  height: 35px;
}

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

.link-round.lg {
  width: 70px;
  height: 70px;
}

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

.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.xl {
    width: 90%;
  }
/* end text-elipsis */

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

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

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

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

.custom-badge.green {
  background-color: #09AB5D;
  color: #fff;
}

.custom-badge.yellow {
  background-color: #f1a604;
  color: #fff;
}

.custom-badge.purple {
  background-color: #3705ad;
  color: #fff;
}

.custom-badge.cyan{
  background-color: #42b1ff;
  color: #fff;
}

.custom-badge.purpledk {
  background-color: #2E2884;
  color: #fff;
}

.custom-badge.pink {
  background-color: #DB0B88;
  color: #fff;
}

.custom-badge.purple-gd{
  background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
  background-clip: padding-box;
}

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

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

.auth-form .auth-drop {
  border-radius: 10px;
  background-color: #38279C !important;
  border-color: #38279C !important;
}

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

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

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

.auth-form .auth-drop .control .indicator .arrow {
  position: relative;
  width: 33px;
  height: 27px;
  right: 0.3rem;
  fill: #7863F2;
}

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

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

.form-drop .menu .menu__option .option__label,
.form-drop .menu input,
.form-drop .control {
  font-family: 'satoshiregular' !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;
}

.auth-socials{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1rem;
  border-radius: 4px;
  border: 1px solid #332F4E;
  position: relative;
}

.auth-socials a{
  margin: 0 0.35rem;
  position: relative;
  z-index: 1;
}

.auth-socials a{
  top: 2px;
}

.auth-socials span.ui-absolute{
  text-align: center;
  padding: 0.3rem 1.3rem;
  background-color: #070515;
  top: -1.3rem;
}

.modal-content{
  background-color: #0D0C28;
}

.modal .modal-cover{
  min-height: 117px;
  padding: 1.7rem 2.5rem;
  border-radius: 12px 12px 0px 0;
}

.onboard .inner-board{
  padding-top: 5.35rem;
}

.onboard .wrapper{
  height: 89vh;
  position: relative;
  width: 100%;
  padding: 2.5rem 0;
}

.onboard .wrapper.left{
  padding-right: 4rem;
}

.onboard .wrapper.right{
  padding-left: 3rem;
}

.onboard .wrapper.right.split{
  padding-left: 2rem;
}

.onboard .wrapper.left .buller{
  position: absolute;
  bottom: 4.5rem;
  width: 80%;
}

.onboard .wrapper.left .buller-dots{
  width: 100%;
  display: flex;
  align-items: center;
}

.onboard .buller-dots .item{
  display: inline-block;
  width: 20px;
  height: 6px;
  background-color: rgba(251, 251, 251, .14);
  border-radius: 100px;
  margin-right: 0.2rem;
}

.onboard .buller-dots .item.active{
  width: 40px;
  background: linear-gradient(149deg, #FF1010 1.4%, #ad020a 116.97%) !important;
  background-clip: padding-box !important;
  
}

.onboard .wrapper.left .buller-box{
  width: 100%;
  margin-bottom: 2rem;
}

.onboard .buller-box .item{
  width: 100%;
  display: flex;
  border-radius: 8px;
  padding: 1.7rem;
  padding-top: 1.3rem;
  border: 1px solid #1F1E60;
  background-color: rgba(28,18,88, 0.17);
  min-height: 110px;
}

.drag-zone{
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 154px;
  padding: 0 2rem;
  position: relative;

  /* border: 1px dashed #433A7E; */
  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='%23433A7EFF' stroke-width='2' stroke-dasharray='2%2c 6' stroke-dashoffset='6' stroke-linecap='round'/%3e%3c/svg%3e");
}

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

/* OLD DRAG ZONE */
.old-drag-zone-link{
width: 100%;
display: inline-block;
margin-bottom: 1.2rem;
}
.old-drag-zone{
width: 100%;
padding: 1rem 1rem;
border-radius: 6px;
border: 1px dashed #42456d;
background-color: #101122;
display: flex;
align-items: center;
}
.old-drag-zone.in{
  padding: 2rem 1rem;
  margin-bottom: 0.2rem;
  justify-content: center;
}
.old-drag-zone .logo-avatar{
min-width: 60px;
width: 60px;
height: 60px;
border-radius: 7px;
background-color: #191b36;
display: flex;
align-items: center;
justify-content: center;
}
.old-drag-zone .cover-avatar{
min-width: 120px;
width: 120px;
height: 66px;
border-radius: 7px;
background-color: #191b36;
display: flex;
align-items: center;
justify-content: center;
}

.old-drag-zone .logo-avatar img,
.old-drag-zone .cover-avatar img {
width: 25px;
border-radius: 3px;
opacity: 0.65;
  }

.form .form-row > .col, .form .form-row > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.form.tight .form-row > .col, .form.tight .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.onboard .form .boundless-input .auth-drop {
  width: 36%;
}
.onboard .select-box .control .single .single__image img {
  min-width: 32px;
}
.onboard .select-box .control .indicator-box .indicator {
  padding: 0px;
}
.select-box .menu .menu-search .menu-search__input {
  font-family: 'satoshimedium';
}

.select-box .menu .menu__option .option__label,
.select-box .control .single .left {
  font-family: 'satoshimedium';
}

.onboard .plum-box{
  width: 100%;
  min-height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #070515;
  border: 1px solid #211A4B;
  border-radius: 22px;
}

.onboard .plum-box .dp-plum{
  width: 206px;
  height: 206px;
  border-radius: 100%;
}

.onboard .tough-input{
  width: 100%;
  background-color: #110D2D;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  border-radius: 6px;
}
.onboard .tough-input input{
  height: 55px;
  background-color: transparent;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 1.3rem;
}

.onboard .op-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.onboard .op-box.nospace{
  justify-content: unset;
}

.onboard .op-box .op-item{
  min-width:159px;
  min-height: 149px;
  border-radius: 10px;
  background-color: #0A071E;
  border: 1px solid #211A4B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.onboard .op-box .op-item.long{
  min-width:207px;
  min-height: 299px;
  display: block;
}

.onboard .op-box .op-link.short{
  margin-bottom: 1.3rem;
  margin-right: 1rem;
  border-radius: 6px;
}
.onboard .op-box .op-link.short .op-item{
  min-width: 175px;
  min-height: 54px;
  justify-content: unset;
  align-items: center;
  flex-direction: row;
  padding: 0 1rem;
  border-radius: 6px;
}

.onboard .op-box .op-item.long .tny-box{
  width: 88%;
  margin: 0 6%;
  position: absolute;
  left: 0;
  bottom: 4%;
  background-color: #150F3D;
  min-height: 173px;
  border-radius: 10px;
}

.onboard .op-box .op-link{
  display: inline-block;
  border-radius: 10px;
  background-color: #0A071E;
  padding: 2px;
  background-clip: padding-box;

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

.onboard .op-box .check{
  right: 0;
  top: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 23px;
  background-clip: padding-box;
  background: linear-gradient(90deg, #7047EB 0%, #B447EB 100%);
  border-radius: 0 6px 0 6px;
  visibility: hidden;
}

.onboard .op-box .op-link.active{
  background: linear-gradient(90deg, #7047EB 0%, #B447EB 100%);
}
.onboard .op-box .op-link.active .op-item{
  border: none;
}
.onboard .op-box .op-link.active .check{
  visibility: visible;
}
.onboard .op-box .op-link.active .discord{
  background: linear-gradient(90deg, #5865f2 0%, #252f9d 100%);
}
.onboard .op-box .op-link.active .facebook{
  background: linear-gradient(90deg, rgba(3, 119, 255, 1) 0%, rgba(1, 50, 123, 1) 100%);
}
.onboard .op-box .op-link.active .telegram{
  background: linear-gradient(118deg, #52E5E7 0%, #130CB7 100%);
}
.onboard .op-box .op-item.long .op-text{
  position: absolute;
  left: 0.8rem;
  display: inline-block;
  width: 70%;
  line-height: 18px;
  top: 20%;
}
.onboard .op-box .op-item.short .op-text{
  position: relative;
  left:  1rem;
}
.onboard .op-box .op-link.active .op-text{
  color: #fff !important;
  font-family: 'satoshibold' !important;
}

.overview .over-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.overview .over-item {
  width: 28.5%;
  padding: 1.1rem 1.5rem;
  background-clip: padding-box;
  border-radius: 12px;
  min-height: 206px;
}

.overview .over-item.blue {
  background: linear-gradient(118deg, rgba(3, 187, 255, 1) 0%, rgba(23, 5, 136, 1) 100%);
}

.overview .over-item.purple {
  background: linear-gradient(118deg, #B447EB 10%, #381A92 90%);
}

.overview .over-item.grey {
  background: linear-gradient(149deg, #7272ba 1.4%, #272745 116.97%)
}

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

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

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

.bell-ball {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  position: absolute;
  background-color: #9191d7;
  right: -11px;
  top: -1px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.graph-box {
  width: 100%;
  background-color: #080725;
  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: 'satoshibold';
  fill: #ffffff;
  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-clip: padding-box !important;
  color: #fff;
  font-family: 'satoshiregular';
  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;
}

.latest-blob {
  display: flex;
  align-items: center;

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

  border: 1px solid transparent;
}

.latest-blob:hover{
  border: 1px solid #5d1a48;
}

.latest-wrapper .latest-empty{
  width: 100%;
  border-radius: 8px;
  min-height: 409px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #0d0b29;
}

.latest-blob .blob-img {
  height: 62px;
  width: 110px;
  min-width: 80px;
  min-height: 62px;
  border-radius: 7px;
}

.latest-blob .blob-img.lng {
  height: 68px;
  min-height: 68px;
}

.latest-blob.dashboard {
  background-color: #080725;
  padding: .8rem;
  border-radius: 10px;
  margin-bottom: 1.2rem;
}

.latest-blob .content {
  padding-left: 1.3rem;
}

.latest-blink{
  width: 100%;
}

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

.latest-wrapper::-webkit-scrollbar {
  display: none;
}

/* START OLD BRACKET STYLES */

.team-list{
  width: 100%;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  background-color: #fff7f3;
  max-height: 260px;
  min-height: 260px;
  overflow-y: scroll;
  overflow-x: hidden;
  }
  
  .team-list .ui-line{
  margin: 10px 0;
  }
  
  .team-list::-webkit-scrollbar{
  display: none;
  }
  
  .team-list .tlink{
  width: 100%;
  display: block;
  }
  
  .team-list .team-item{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.45rem;
  border-radius: 6px;
  }
  
  .team-list .team-item.active{
  background-color: #f9e4d7;
  }
  
  .team-list .team-item img{
  width: 45px;
  }
  
  .team-res{
  width: 100%;
  padding: 1.35rem 1.5rem;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 14px;
  }
  
  .team-res .res-wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  }
  .team-res .res-item{
  width: 49%;
  margin-bottom: 0.8rem;
  }
  
  .cust-box {
  width: 100%;
  min-height: 234px;
  }
  .empty-cust{
  width: 100%;
  min-height: 234px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 14px;
  }
  .cust-box img{
  width: 50px;
  }
  .cust-box .custinfo-item{
  width: 49%;
  }

/* start brackets styles */

.bracket-wrapper{
  width: 100%;
}
.bracket-wrapper.split{
  display: flex;
  flex-wrap: wrap;
}
.bracket-box{
  min-width: 100%;
  width: 100%;
  position: relative;
  overflow-x: scroll;
  overflow-y: scroll;
  margin-bottom: 6.5rem;
  /* min-height: 800px;
  height: 800px; */
}

.bracket-box .bracket-inner{
  width: 100%;
  min-width: 100%;
  position: relative;
  display: flex;
}

.bracket-box .bracket-inner.md{
  width: 110%;
}

.bracket-box .bracket-inner.lg{
  width: 140%;
}

.bracket-box .bracket-head{
  width: 100%;
  min-height: 40px;
  padding: 0.5rem 1rem;
  background-color: #141632;
  line-height: 16px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}

.bracket-wrapper.split .bracket-box{
  flex: 0 0 49.2%;
  max-width: 49.2%;
  min-width: 49.2%;
}

.bracket-wrapper.split .bracket-box:last-child{
  margin-left: auto;
}

.bracket-box.right .bracket-inner{
  justify-content: right;
  flex-direction: row-reverse;
  overflow-y: scroll;
  overflow-x: scroll;
}

.bracket-box.right .bracket-inner::-webkit-scrollbar{
  display: none;
}

.bracket-wrapper.split .bracket-box.right{
  background-color: #110f33;
}

.bracket-inner.double{
  display: block;
  min-height: 200px;
  background-color: #11132c;
}

.bracket-inner.double .bracket-inner-body{
  min-width: 100%;
  display: flex;
  width: 100%;
  position: relative;
}

.bracket-box::-webkit-scrollbar,
.bracket-inner.double .bracket-body::-webkit-scrollbar{
  display: none;
}

.bracket-box .stage{
  width: 200px;
  min-width: 200px;
  position: relative;
}

.bracket-box .stage .stage-float{
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 200px;
  min-width: 200px;
}
.bracket-box .stage.md,
.bracket-box .stage.md .stage-float{
  width: 220px;
  min-width: 220px;
}
.bracket-box .stage.xmd,
.bracket-box .stage.xmd .stage-float{
  width: 240px;
  min-width: 240px;
}
.bracket-box .stage.stage-width-lg{
  width: 400px;
}
.bracket-box .stage.stage-width-xl{
  width: 600px;
}
.bracket-box .stage.stage-width-lg .stage-float,
.bracket-box .stage.stage-width-xl .stage-float{
  width: 100%;
  min-width: 100%;
}
.bracket-box .stage-head{
  width: 100%;
  text-align: left;
  padding: 0.5rem;
  background-color: #1b1b50;
  line-height: 13px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.bracket-box .stage-head h4{
  line-height: 13px;
}
.bracket-box .stage-0 .stage-head{
  background-color: #1e203d;
}

.bracket-box .stage-1 .stage-head{
  background-color: #26294f;
}

.bracket-box .stage-2 .stage-head{
  background-color: #1e203d;
}

.bracket-box .stage-3 .stage-head{
  background-color: #26294f;
}

.bracket-box .stage .pair{
  width: 100%;
  display: flex;
  position: relative;
}

.bracket-box.right .stage .pair{
  flex-direction: row-reverse;
}

.stage .pair .player{
  display: flex;
  align-items: center;
  background-color: #f2f2fb;
  margin-bottom: 1px;
  padding: 3px 6px;
}
.stage .pair img{
  width: 25px;
}
.stage .pair .pair-info{
  width: 90%;
  position: relative;
}
.stage.stage-width-lg .pair .pair-info{
  width: 45%;
}
.stage.stage-width-xl .pair .pair-info{
  width: 30%;
}
.stage.third-place .pair .pair-info{
  width: 100%;
}
.bracket-box.right .stage .pair .pair-info{
  margin-left: auto;
}
.stage .pair .player.playerA{
  background-color: #4d4f75;
  border-radius: 5px 5px 0 0;
}
.stage .pair .player.playerB{
  background-color: #32345b;
  border-radius: 0 0 5px 5px;
}
.stage .pair .player.winner{
  background-color: #4d4f75;
  border-radius: 5px;
}
.stage .pair .player.playerA.win,
.stage .pair .player.playerB.win{
  background-color: #443a7b;
}
.stage.stage-1 .pair .player.playerA.win,
.stage.stage-1 .pair .player.playerB.win{
  background-color: #3a487b;
}
.stage.stage-2 .pair .player.playerA.win,
.stage.stage-2 .pair .player.playerB.win{
  background-color: #3a487b;
}
.stage.stage-3 .pair .player.playerA.win,
.stage.stage-3 .pair .player.playerB.win{
  background: linear-gradient(149deg, #5403FF 1.4%, #03BBFF 116.97%);
  background-clip: padding-box;
}
.stage .pair .player.playerA .player-name{
  color: #c7c8e6;
}
.stage .pair .player.playerA .score{
  color: #c7c8e5;
  margin-left: auto;
}

.stage .pair .player.playerB .player-name{
  color: #a0a4e5;
}
.stage .pair .player.playerB .score{
  color: #a0a4e5;
  margin-left: auto;
}

.stage .pair .player.winner .player-name{
  color: #c7c8e6;
}
.stage .pair .player.winner .score{
  color: #c7c8e5;
  margin-left: auto;
}
.stage.stage-3 .pair .player.playerA.win .player-name,
.stage.stage-3 .pair .player.playerA.win .score,
.stage.stage-3 .pair .player.playerB.win .player-name,
.stage.stage-3 .pair .player.playerB.win .score{
  color: #fff;
}

.stage .pair .player .score-box{
  display: flex;
  align-items: center;
}

.stage .pair .player .seed-pin{
  display: inline-block;
  border-radius: 100px;
  width: 10px;
  height: 2px;
  background-color: #0fd0d9;
  position: relative;
  top: 1px;
  margin-right: 0.3rem;
  opacity: 0.85;
}

.stage .pair .pair-info .pair-stat{
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 18px;
  position: absolute;
}

.stage .pair .pair-info .pair-stat span{
  color: #656781;
}

.stage .pair .pair-info .pair-stat a{
  color: #03a9f4;
}

.stage .pair .pair-info .pair-stat.top{
  bottom: -1.2rem;
}

.stage .pair .pair-info .pair-stat.bottom{
  top: -1.35rem;
}

.stage .stage-divider{
  height: 60px;
}
.bracket-box .stage-divider.xsm {
  height: 34px;
}
.stage .stage-divider.sm{
  height: 65px;
}
.stage .stage-divider.smm{
  height: 94px;
}
.stage .stage-divider.smd{
  height: 195px;
}
.stage .stage-divider.smdx{
  height: 182px;
}
.stage .stage-divider.md{
  height: 450px;
}
.stage .stage-divider.winner{
  height: 80px;
}
.stage .stage-divider.winner.md{
  height: 265px;
}
.stage .stage-divider.winner.lg{
  height: 282px;
}
.stage .stage-divider.winner.mlg{
  height: 272px;
}
.stage .stage-divider.winner.xlg{
  height: 510px;
}
.stage .stage-divider.winner.lgr{
  height: 520px;
}
.stage .stage-divider.winner.xlgr{
  height: 528px;
}
.stage .stage-divider.winner.xxlgr{
  height: 954px;
}
.bracket-inner.double .stage-divider.sm {
  height: 17px;
}
.bracket-inner.double .stage-divider.db-mini {
  height: 26px;
}
.bracket-inner.double .stage-divider.db-xsm {
  height: 38px;
}
.bracket-inner.double .stage-divider.db-sm {
  height: 41px;
}
.bracket-inner.double .stage-divider.db-smx {
  height: 43px;
}
.bracket-inner.double .stage-divider.db-smd {
  height: 63px;
}
.bracket-inner.double .stage-divider.db-md {
  height: 69px;
}
.bracket-inner.double .stage-divider.db-mdl {
  height: 147px;
}
.bracket-inner.double .stage-divider.db-lg {
  height: 173px;
}
.bracket-inner.double .stage-divider.md {
  height: 91px;
}
.bracket-inner.double .stage-divider.xl {
  height: 227px;
}
.stage .stage-divider.line{
  border-right: 1px solid #41436d;
}
.bracket-box.right .stage .stage-divider.line{
  border-left: 1px solid #41436d;
  border-right: none;
}

.stage .pair .pair-line{
  position: relative;
  width: 10%;
  margin-left: auto;
  height: inherit !important;
}

.stage.stage-width-lg .pair .pair-line:first-child{
 width: 45%;
}

.stage.stage-width-xl .pair .pair-line:first-child{
  width: 60%;
 }

.stage .pair .pair-line.float{
  position: absolute;
  right: 0;
  z-index: 2;
  height: 520px !important;
  top: -16rem;
}

.stage .pair .pair-line.float.md{
  top: -29.9rem;
}

.stage .pair .pair-line.float.lg{
  top: -29.8rem;
}

.stage .pair .pair-line.float.xl{
  top: -52rem;
  height: 1690px !important;
}

.stage .pair .pair-line.float .line{
  border-top: none;
  border-bottom: none;
  border-radius: 0;
}

.stage .pair .pair-line.divide{
  display: flex;
  align-items: center;
  justify-content: center;
}

.stage .pair .pair-line.divide .vider{
  width: 100%;
  height: 1px;
  background-color: #41436d;
}

.bracket-inner.double .pair-line.divide .vider.single {
  position: relative;
  top: 26px;
}

.stage .pair .pair-line.divide.double{
  align-items: unset;
  flex-direction: column;
  justify-content: space-between;
}

.stage .pair .pair-line.divide.double .vider.top{
  position: relative;
  top: 17px;
}

.stage .pair .pair-line.divide.double .vider.bottom{
  position: relative;
  top: -17px;
}

.stage .pair .pair-line .line{
  position: absolute;
  height: 50%;
  width: 100%;
  border-top: 1px solid #41436d;
  border-right: 1px solid #41436d;
  border-bottom: 1px solid #41436d;
  border-radius: 0 6px 6px 0;
  right: 0;
}

.bracket-inner.double .pair-line .line.md{
  height: 92%;
}

.bracket-box.right .stage .pair .pair-line .line{
  border-top: 1px solid #41436d;
  border-left: 1px solid #41436d;
  border-right: none;
  border-radius: 6px 0 0 6px;
  left: 0;
}
.stage .pair .pair-line .line.bottom{
  top: 50%;
  border-bottom: none;
  border-radius: 0 6px 0 0;
}

.stage .pair .pair-line .line.top{
  bottom: 50%;
  border-top: none;
  border-radius: 0 0 6px 0;
}

.stage .pair .pair-line .line.top.stray,
.stage .pair .pair-line .line.bottom.stray{
  border-right: none;
  border-radius: 0 0 0 0;
}

.bracket-box.right .stage .pair .pair-line .line.bottom{
  top: 50%;
  border-bottom: none;
  border-radius: 6px 0 0 0;
}

.bracket-box.right .stage .pair .pair-line .line.top{
  bottom: 50%;
  border-top: none;
  border-radius: 0 0 0 6px;
}

.bracket-inner.double .pair .pair-line.match .line.top:not(.stray){
  border-radius: 0 6px 0 0;
  border-bottom: none;
  border-top: 1px solid #41436d;
  bottom: 49%;
  height: 31%;
}

.bracket-inner.double .pair .pair-line.match .line.bottom:not(.stray){
  border-radius: 0 0 6px 0;
  border-top: none;
  border-bottom: 1px solid #41436d;
  top: 49%;
  height: 31%;
}

.bracket-inner.double .pair .pair-line.match.md .line.top:not(.stray){
  height: 41%;
}

.bracket-inner.double .pair .pair-line.match.md .line.bottom:not(.stray){
  height: 41%;
}

.bracket-inner.double .pair .pair-line.match.lg .line.top:not(.stray){
  height: 45.5%;
}

.bracket-inner.double .pair .pair-line.match.lg .line.bottom:not(.stray){
  height: 45.5%;
}

/* .stage .pair .pair-line.float .line {
  
} */

.match-head{
  width: 100%;
  display: flex;
  align-items: center;
}

.match-head .player-box{
  width: 47%;
  display: flex;
  align-items: center;
}

.match-head .player-box:last-child{
  margin-left: auto;
}

.match-head .player-box:first-child{
  flex-direction: row-reverse;
}

.match-head .player-box img{
  width: 45px;
}

.match-head .colume{
  width: 6%;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-bland{
  width: 100%;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #181541;
  position: relative;
  margin-top: 0.65rem;
}

.score-bland a{
  position: absolute;
  right: 0.6rem;
  top: 0.8rem;
  background-color: #6c8dce;
  color: #fff;
}

.stat-wrapper{
  width: 100%;
}

.stat-wrapper::-webkit-scrollbar{
  display: none;
}

.stat-wrapper.in-sm{
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.stat-box{
  width: 100%;
}

.stat-box.right-pad{
  padding-right: 1.3rem;
}

.stat-box.left-pad{
  padding-left: 1.3rem;
}

.stat-box .stat{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(0,0,0,0.04);
}

.stat-box .stat.reverse{
  flex-direction: row-reverse;
}

.stat-wrapper{
  /* max-height: 363px; */
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
  border-radius: 6px;
}

.stat-wrapper .table{
  margin-bottom: 0 !important;
}

.stat-brand{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.stat-brand .stat-logo{
  width: 80px;
}

.stat-brand .stat-gamelogo{
  width: 80px;
}

.stat-table{
  width: 100%;
  background-color: #1f2040;
  padding: 1rem 1.3rem;
  border-radius: 6px;
}


.stat-table table thead th {
  padding: 0;
  line-height: 14px;
  vertical-align: middle;
  height: 30px;
  padding-bottom: 1rem;
}

.stat-table table tbody .ui-table-row:hover {
  background-color: transparent;
}

.stat-table table tbody td {
  padding: 0;
  line-height: 14px;
  vertical-align: middle;
  height: 30px;
  border-top: 1px solid transparent;
  padding-bottom: 0.6rem;
  width: 250px;
}

.stat-table .table-dp{
  width: 100%;
  display: flex;
  align-items: center;
}

.stat-table .table-dp img{
  width: 25px;
}

.match-label{
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 16px;
  line-height: 18px;
}

.match-label .liner{
  height: 1px;
  background-color: rgba(0,0,0,0.04);
  width: 100%;
}

.match-label .label-text{
  position: absolute;
  padding: 0.2rem 0.3rem;
  background-color: transparent;
  top: -6px;
  color: #666da3;
}

.battle-table .game-link{
  right: 0.1rem;

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

  opacity: 0;
}

.battle-table .game-round:hover .game-link{
  opacity: 1;
}

.battle-table .game-point-link{
  right: 1.2rem;
  margin-top: 1px;

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

  opacity: 0;
}

.battle-table .game-point:hover .game-point-link{
  opacity: 1;
}

.lobby-head{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.3rem 0;
}

.battle-table img{
  width: 30px;
}

.kill-item{
  width: 100%;
  padding: 0.6rem 0;
  border-bottom: 1px solid #2e2f50;
}

.kill-item.sm{
  padding: 0.3rem 0;
}

.kill-item:last-child{
  border-bottom: none;
}

.fragger-empty{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit !important;
}

.fragger-box{
  width: 100%;
  background-color: #e7eaf4;
  padding: 0.65rem 1rem;
  border-radius: 6px;
  max-height: 362px;
  overflow-y: scroll;
  overflow-x: hidden;
}

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

.visual-empty{
  width: 100%;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f7ff;
}

.seed-box{
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid #232549;
  border-radius: 10px;
  min-height: 200px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

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

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

.seed-box .seed img{
  width: 30px;
}

.seed-box .ui-line{
  margin: 7px 0;
}

.seed-box .empty-seeds{
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.robin-tab .react-tabs__tab-list{
  display: flex;
  justify-content: flex-end;
}


/* .robin-tab  .react-tabs__tab {
  border-bottom: 1px solid #E7EDFB;
} */

.fixture-box{
  width: 100%;
}
.fixture-box .fi-title,
.fi-title{
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
}
.fixture-box .fi-title .line,
.fi-title .line{
  width: 100%;
  height: 1px;
  background-color: #20223c;
}
.fixture-box .fi-title .text,
.fi-title .text{
  padding: 0.1rem 1rem;
  background-color: #101122;
  position: absolute;
  margin-top: -4px;
}
.fixture-box .fixture-item{
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-radius: 8px;
  background-color: #13163a;
  margin-bottom: 1rem;
}
.fixture-box .fixt-link{
  opacity: 1;
}

.fixture-box .fixture-item:hover{
  background-color: #1b1e4b;
}

.fixture-box .fixture-item:hover .fixt-link{
  opacity: 1;
}

.fixture-item img{
  width: 40px;
}
.fixture-item .playerA{
  display: flex;
  align-items: center;
  width: 44%;
  justify-content: flex-end;
}
.fixture-item .score{
  display: flex;
  align-items: center;
  margin: 0 0.8rem;
  width: 10%;
  justify-content: center;
}
.fixture-item .score .col-score{
  margin: 0 0.3rem;
}
.fixture-item .playerB{
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 47.5%;
}
.seed-button{
  padding: 0.2rem 0.75rem;
  border-radius: 5px;
  padding-bottom: 0.4rem;
}

.seed-button:hover{
  background-color: #212346;
  color: #fff;
}
/* end brackets styles */

.modal .bg-silverlight{
  background-color: #212347 !important;
}

.bracket-box .bracket-info{
  min-width: 200px;
  width: 18%;
}

.bracket-info .third-place{
  width: 100%;
  border-radius: 5px;
  padding: 0.7rem 1rem;
  background-color: #171931;
  opacity: 0.45;
}

.bracket-info:hover .third-place{
  opacity: 1 !important;
}

.tourna-logo img{
  width: 70px;
  border-radius: 10px;
}

#bracket-iframe{
  width: 100% !important;
  min-height: 700px;
  border: none !important;
}

.form.drop-spec .auth-drop{
  min-width: 200px;
  width: 200px;
  background-color: #2b2d48;
}

.form.drop-spec .auth-drop .control {
  min-height: 40px;
  height: 40px;
  font-family: 'satoshi';
  color: #fff !important;
}

.form.drop-spec .auth-drop .menu .menu__option .option__label {
  font-family: 'satoshi';
  display: inline-block;
  text-overflow: ellipsis !important;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70%;
  white-space: nowrap;
}

.auto-bracbox{
  width: 310px;
  padding: 0.5rem 0.85rem;
  background-color: #1f203c;
  border-radius: 8px;
}

.organizer-list{
  width: 100%;
  background-color: #16172f;
  padding: 0.65rem 1rem;
  border-radius: 16px;
  min-height: 385px;
  margin-top: 1rem;
  overflow-y: scroll;
  overflow-x: hidden;
}

.organizer-list.empty{
  display: flex;
  align-items: center;
  justify-content: center;
}

.organizer-list::-webkit-scrollbar{
  display: none;
}

.ui-table td{
  padding: 1rem 0.75rem;
}

.ui-table.slim-table td{
  padding: 0.65rem 0.75rem;
}

.player-dp{
  width: 100%;
  padding: 1.2rem 1rem;
  border-radius: 8px;
  border: 1px solid #243d6e;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.player-dp img{
  width: 60px ;
  margin: 0 auto;
}
.player-dp .close-lk{
  opacity: 0;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.player-dp:hover .close-lk{
  opacity: 1;
}

.point-input {
  position: relative;
}

.point-input .link-round{
  position: absolute;
  right: 1rem;
  top: 2rem;
}

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

.panel-box .display{
  margin-left: auto;
  width: 440px;
  height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #1b1c2f;
  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::-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 .form .form-control{
  background-color: #282b4a;
}

.panel-box .player-search{
  width: 100%;
  padding: 0.75rem 0.8rem;
  border-radius: 8px;
  background-color: #3c3f6a;
  margin-bottom: 0.56rem;
  display: flex;
  align-items: center;
}

.panel-box .search-avatar{
  width: 30px;
  height: 30px;
  overflow: hidden;
  background-position: center;
}
.panel-box .search-avatar img{
  width: 100%;
}


.panel-box .player-search .link-round {
  visibility: hidden;
}

.panel-box .player-search.active .link-round {
  visibility: visible;
}

.panel-box .slist-link{
  width: 100%;
  display: block;
}

.panel-box .panel-search-box{
  max-height: 63vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

.panel-box .panel-search-box::-webkit-scrollbar{
  width: 4px;
  border-radius: 100px;
}

.react-share__ShareButton:focus,
.react-share__ShareButton:active{
  outline: none !important;
  background: transparent !important;
}

.to-avatar {
  min-width: 80px;
  min-height: 80px;
  width: 140px;
  height: 140px;
}

.to-avatar img{
  width: 100%;
  border-radius: 100%;
}

.tmv-header {
  position: absolute;
  bottom: 4.5rem;
  width: 100%;
}

.tmv-tab .react-tabs__tab-list{
  justify-content: center;
  display: flex;
  width: 100%;
}

.tmv-tab .react-tabs__tab {
  padding-bottom: 13px !important
}

.custom-switch-indicator{
  background-color: #3b3d69;
}

.custom-switch-input:checked ~ .custom-switch-indicator {
  background: #46c9cf;
}
.form .switch-grad .custom-switch-indicator{
  background-color: #3b3d69;
  width: 43px;
  height: 20px;
}
.form .switch-grad .custom-switch-indicator:before{
  height: calc(1.1rem - 4px);
  width: calc(1.1rem - 4px);
  top: 2px;
  left: 3px;
  outline: none;
  box-shadow: none;
}
.form .switch-grad .custom-switch-input:checked~.custom-switch-indicator {
  background: linear-gradient(149deg, #B447EB 1.4%, #5F35DD 116.97%);
  background-clip: padding-box;
}
.form .switch-grad .custom-switch-input:checked~.custom-switch-indicator:before {
  left: calc(1.45rem + 1px);
}
.form .switch-grad .custom-switch-input:focus,
.form .switch-grad .custom-switch-input:active{
  box-shadow: none;
  outline: none;
}
.form .switch-grad .custom-switch-input ~ .custom-switch-description {
  color: #8a8ac1;
}
.form .switch-grad .custom-switch-input:checked ~ .custom-switch-description {
  color: #D8D8FF;
}
/* react-tabs */
.react-tabs__tab-list{
  border-bottom: 1px solid #171551 !important;
  }
  
  .knock-tab .react-tabs__tab-list,
  .battle-tab .react-tabs__tab-list{
    border-bottom: 1px solid transparent !important;
  }
  
  .battle-tab .react-tabs__tab-list{
    display: flex;
  }
  
  .robin-tab .react-tabs__tab-list{
    border-bottom: 1px solid #171551 !important;
    margin-bottom: 2rem;
  }
  
  .react-tabs__tab {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 3px 6px !important;
  background: transparent !important;
  font-family: "satoshi";
  line-height: 23px;
  font-size: 13px;
  margin-right: 1.5rem;
  color: #AAAAE2 !important;
  }
  .react-tabs__tab--selected {
    border-radius: 0 !important;
    background: #fff;
    border-bottom: 3px solid #F00917 !important;
    color: #fff !important;
    font-family: "satoshibold";
  }
  
  .battle-tab.lobby .react-tabs__tab--selected {
    border-radius: 0 !important;
    background: #fff;
    border-bottom: 3px solid #F00917 !important;
    color: #fff !important;
    font-family: "satoshibold";
  }
  
  .react-tabs__tab:focus {
  outline: unset !important;
  border-bottom: 3px solid #F00917 !important;
  }
  
  .react-tabs__tab:focus:after {
  background: transparent !important;
  }

  .hero.hero-home{
    overflow: hidden;
  }

  .hero-bracket{
    left: 0rem;
    top: 20%;
    z-index: 3;
  }
  img.hero-bracket{
    position: relative;
    top: 25%
  }
  
.hero-valay{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(7,5,21,0.8534007352941176) 0%, rgba(7,5,21,0) 50%, rgba(7,5,21,0.8309917717086834) 100%);
}

.hero-valay:before,
.hero-valay:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 250px;
  z-index: 4;
}

.hero-valay:before{
  top: 0%;
  background: linear-gradient(180deg, rgb(5, 2, 17) 0%, rgba(7,5,21,0) 100%);
  height: 600px;
  pointer-events: none;
  z-index: 1;
  display: none;
}

.hero-valay:after{
  bottom: 0;
  height: 200px;
  background: linear-gradient(180deg, rgba(7,5,21,0) 0%, rgba(7,5,21,1) 100%);
  /* background: linear-gradient(180deg, rgba(7,5,21,0) 0%, rgba(7,5,21,0.7553615196078431) 48%, rgba(7,5,21,1) 100%); */
}

.valay-row{
  z-index: 5;
  pointer-events: none;
}

.valay-row .valay-shade{
  background: linear-gradient(180deg, rgb(5, 2, 17, 0.4) 0%, rgba(7,5,21,0) 100%);
  top: 0;
  left: 0;
  width: 100%;
  min-height: 75vh;
  pointer-events: none;
}

.valay-row .valay-box{
  margin-top: 10rem;
}

.valay-row .btn{
  pointer-events: all !important;
}

.hero-valay .valay-controls{
  bottom: 3rem;
  left: 0;
  width: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  pointer-events: none;
}

.hero-valay .controls{
  width: 17%;
  min-height: 38px;
  background-color: #2c2f3edb;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -0.6rem;
}


  /* end react tabs */
/* END OLD BRACKET STYLES */
.ui-dashboard-card.embed-card{
  min-height: 100vh;
}
.seed-modal .modal-dialog{
  transform: unset !important;
}
.seed-wrapper{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 1.2rem;
}
.seed-wrapper .seed-col{
  min-width: 20%;
  border: 1px solid rgba(59,55,129,0.3);
  border-radius: 6px;
  padding: 1rem 1.6rem;

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

.seed-wrapper .seed-col:hover{
  border: 1px solid rgba(129, 124, 224, 0.3);
}
.seed-wrapper.dual-child .seed-col{
  width: 48.5%;
}
.seed-wrapper.dual-child .seed-col:first-child{
  margin-right: 1.5%;
}
.seed-wrapper.dual-child .seed-col:last-child{
  margin-left: 1.5%;
}
.seed-wrapper.dyn-child{
  justify-content: center;
  flex-wrap: wrap;
}
.seed-wrapper.dyn-child .seed-col{
  width: 22%;
  margin-right: 2.5%;
}
.seed-wrapper .seed-col h2{
  color: #b5c6fd;
}
.seed-wrapper .seed-block{
  width: 100%;
  min-height: 100px;
  margin-bottom: 1rem;
}
.seed-wrapper .seed-col .seed-list{
  width: 100%;
  min-height: 200px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 1.8rem;
  margin-bottom: 0.5rem;
}
.seed-wrapper .seed-col .seed-list::-webkit-scrollbar{
  display: none;
}
/* .seed-wrapper .seed-col .seed-list.active{
  background-color: #161443;
} */

.seed-wrapper .seed-item{
  width: 100%;
  padding: 0.55rem 0.7rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background-color: #1a1848;
  margin-bottom: 0.35rem;
}
.seed-wrapper .seed-item .seed-handle{
  display: inline-flex;
  min-width: 20px;
  min-height: 20px;
  border-radius: 4px;
  background-color: #546fc7;
  opacity: 0.35;
  cursor: grab;

  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.seed-wrapper .seed-item span{
  color: #abbaeb;
}
.seed-wrapper .seed-item.active{
  border: 1px solid #353d6e;
}
.seed-wrapper .seed-item.active span{
  color: #fff;
}
.seed-wrapper .seed-item.active .seed-handle{
  opacity: 1;
}
.seed-wrapper .seed-item .seed-handle:hover{
  opacity: 1;
}

.card-search .card-input {
  min-width: 330px;
  background-color: #181543;
  padding: 0.01rem;
  border-radius: 5px;
}

.card-search .card-input.lg {
  width: 450px;
}

.card-search .card-input.xlg {
  width: 500px;
}

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

.card-search .card-input.lg input{
  width: 86%;
}

.card-search .card-input.xlg input{
  width: 88%;
}

.card-search .card-input input.lg{
  min-height: 48px;
}

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

.table-dp {
  min-width: 52px;
  width: 52px;
  min-height: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #1B1850;
}

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

.table-dp.lg {
  min-width: 82px;
  min-height: 53px;
  width: 82px;
  height: 53px;
}

.table-dp.dp-vatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-latest{
  min-height: 222px;
  border-radius: 10px;
}
.slide-latest .slide-latest-overlay{
  width: 100%;
  min-height: 222px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(11,10,60,0) 0%, rgba(11,10,60,1) 100%);
}
.slide-latest .slide-latest-content{
  width: 100%;
  padding: 1.3rem 1.6rem;
}

.create-step{
  width: 100%;
}
.create-step .step-item{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
  margin-bottom: 0.45rem;
}
.create-step a.step-item{
  padding: 0;
  margin: 0.8rem 0;
}
.create-step .step-item p{
  color: #AAAAE2;
}
.create-step .step-item .link-round{
  background: linear-gradient(149deg, #534F87 1.4%, #25215A 116.97%);
  background-clip: padding-box;
  color: rgba(216, 216, 255, 0.45);
  position: relative;
  top: 1px;
}
.create-step .step-item.active p{
  color: #fff;
}
.create-step .step-item.active .link-round{
  background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
  background-clip: padding-box;
  color: #fff;
}
.create-step .step-item.done p{
  color: #8080BD;
}
.create-step .step-item.done .link-round{
  background: #2FBA67;
  background-clip: unset;
  color: #fff;
}
.branding-box{
  width: 100%;
  display: flex;
  align-items: center;
}
.branding-box .brand-item{
  width: 48%;
  margin-right: 2%;
  min-height: 160px;
  border-radius: 8px;
  position: relative;
}
.branding-box.full .brand-item:first-child{
  margin-right: 4%;
}
.branding-box.full .brand-item:last-child{
  margin-right: 0;
}
.branding-box .brand-item.md{
  min-height: 210px;
}
.branding-box .brand-item .overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(24, 22, 68, 0) 0%, rgba(24, 22, 68, 0.69) 100%);
  padding: 0.65rem 1rem;
  border-radius: 8px;
}
.branding-box .brand-item .overlay .brand-logo{
  width: 100px;
  height: 100px;
  border-radius: 7px;
  background-color: #18144B;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 1.1rem;
}

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

.tinymce-form .tox-tinymce{
  border: none;
  font-family: 'satoshiregular' !important;
  min-height: 300px;
}

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

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

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

.tinymce-form .tox .tox-menubar{
  background: #110D3D;
  color: #fff;
}

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

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

.tinymce-form .tox .tox-menubar+.tox-toolbar-overlord{
  border-top: 1px solid #242061;
  background-color: #110D3D;
}

.tinymce-form .tox .tox-toolbar__primary{
  background: #110D3D;
}

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

.tinymce-form .tox .tox-tbtn--disabled svg, 
.tinymce-form .tox .tox-tbtn--disabled:hover svg, 
.tinymce-form .tox .tox-tbtn:disabled svg, 
.tinymce-form .tox .tox-tbtn:disabled:hover svg{
  fill: rgba(255,255,255, 0.35);
}
.tinymce-form .tox .tox-tbtn,
.tinymce-form .tox .tox-tbtn span{
  cursor: pointer !important;
}

.tinymce-form .tox .tox-edit-area__iframe{
  background-color: #110D3D;
}

.playerdp-wrapper{
  border-radius: 10px;
  padding: 2px;
}

.playerdp-wrapper.active{
  background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
  background-clip: padding-box;
}

.playerdp-box{
  width: 100%;
  padding: 8px;
  border-radius: 9px;
  background-color: #100E30;
  min-height: 192px;
  position: relative;
}
.playerdp-box.xlg{
  background-color: transparent;
  padding: 0;
  min-height: 300px;
}
.player-modal .playerdp-box{
  background-color: #0D0C28;
}
.playerdp-box .box-cover{
  width: 100%;
  min-height: 56px;
  max-height: 56px;
  border-radius: 6px;
  background-color: #161445;
}
.playerdp-box.lg .box-cover{
  min-height: 125px;
  max-height: 125px;
  border-radius: 18px;
}
.playerdp-box.xlg .box-cover{
  min-height: 164px;
  max-height: 164px;
  border-radius: 16px;
}
.playerdp-box .box-body{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 9px;
  height: 100%;
  max-height: 100%;
  background-color: transparent;
  padding: 22px;
  overflow: hidden;
}
.player-modal .playerdp-box .box-body,
.account-box .playerdp-box .box-body{
  overflow: visible;
}
.playerdp-box .box-head{
  width: 100%;
  display: flex;
  margin-top: 0.65rem;
}
.playerdp-box.lg .box-head{
  margin-top: 2.8rem;
}
.playerdp-box.xlg .box-head{
  margin-top: 4.8rem;
}
.playerdp-box .dp-wrapper{
  display: inline-block;
  min-width: 86px;
  min-height: 86px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #171448;
}
.playerdp-box .dp-wrapper.sq{
  border-radius: 10px;
}
.playerdp-box.lg .dp-wrapper{
  min-width: 100px;
  min-height: 100px;
}
.playerdp-box.xlg .dp-wrapper{
  min-width: 135px;
  min-height: 135px;
}
.playerdp-link{
  display: block;
  width: 100%;
}

.playerdp-box .playerdp-stats{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.playerdp-box .playerdp-stats .stat-item{
  min-width: 20.33;
}

.playerdp-box .playerdp-stats .link-round{
  background-color: #1A1946;
}

.participant-list [class*="col-"]{
  margin-bottom: 1.6rem;
}

.plan-card{
  width: 100%;
}

.plan-card .plan-item-wrapper{
  width: 100%;
  padding: 2px;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  background-color: #121238;
}

.modal .plan-card .plan-item-wrapper{
  background-color: #1e1e51;
}

.plan-card .plan-item-wrapper.active{
  background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
  background-clip: padding-box;
}

.plan-card .plan-item{
  width: 100%;
  padding: 1.3rem;
  padding-top: 1rem;
  border-radius: 8px;
  background-color: #0a0824;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

.modal .plan-card .plan-item{
  background-color: #0D0C28;
  padding-top: 0.8rem;
}

.plan-card .plan-item a.btn{
  opacity: 0.35;
}

.plan-card .plan-item a.btn:hover{
  opacity: 1;
}

.plan-card .plan-item-wrapper.active a.btn{
  opacity: 1;
}

.plan-feat{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.plan-feat .feat-item{
  width: 48.5%;
  display: flex;
  align-items: center;
  margin:0 1%;
  margin-bottom: 1rem;
}

.plan-feat .feat-item:first-child,
.plan-feat .feat-item:nth-child(odd){
  margin-left: 0;
}

.plan-feat .feat-item:last-child,
.plan-feat .feat-item:nth-child(even){
  margin-right: 0;
}

.debit-card-form{
  width: 100%;
  padding: 2px;
  background-color: #171747;
  border-radius: 8px;
}
.debit-card-box{
  width: 100%;
  padding: 1rem 1rem;
  border-radius: 8px;
  margin-bottom: 0.38rem;
  background-color: #07061a;
}

.card-brand-box{
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #14143f;
  padding: 0.55rem 0.55rem;
  border-radius: 6px;
  border: 1px solid transparent;
}

.card-brand-box.active{
  border: 1px solid #0b6ab0;
}

.card-brand{
  width: 50px;
  padding: 0.53rem 0.4rem;
  border-radius: 3px;
  border: 1px solid #384e79;
}
.card-brand.sm{
  width: 40px;
}

.modal .debit-card-box{
  background-color: #0D0C28;
}

.pricing-box{
  width: 100%;
  min-height: 350px;
  background-color: #171747;
  border-radius: 10px;
  padding: 2px;
}

.pricing-box:hover, .pricing-box.active{
  background: linear-gradient(149deg, #7047EB 1.4%, #B447EB 116.97%);
  background-clip: padding-box;
}

.pricing-box .pricing-inner{
  width: 100%;
  min-height: inherit;
  background-color: #070523;
  border-radius: 8px;
  margin-bottom: 0.35rem;
  padding: 0.85rem 1.5rem;
}

.pricing-box .pricing-feat{
  max-height: 310px;
  height: 310px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 1.2rem;
}

.pricing-box .pricing-feat::-webkit-scrollbar{
  display: none;
}

.pricing-box .plan-label{
  padding: 0.3rem 0.7rem;
  padding-bottom: 0.38rem;
  border-radius: 3px;
  background-color: #fff;
  color: #070523;
  line-height: 15px;
  z-index: 5;
}

.payment-list{
  width: 100%;
  border-radius: 8px;
  padding: 2px;
  background-color: #1c1949;
}

.payment-list .payment-inner{
  width: 100%;
  padding: 1rem;
  border-radius: 7px;
  margin-bottom: 0.35rem;
  background-color: #070523;
}

.payment-list .payment-item{
  width: 100%;
  display: flex;
  align-items: center;
}
.pay-options{
  width: 100%;
  display: flex;
  align-items: center;
}
.pay-options .option{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  padding: 0.6rem 0.8rem;
  padding-bottom: 0.7rem;
  border-radius: 4px;
  border: 1px solid transparent;
  background-color: #1f1c61;
  margin: 1%;
}
.pay-options .option.width{
  width: 180px;
}
.pay-options .option:first-child{
  margin-left: 0;
}
.pay-options .option:last-child{
  margin-right: 0;
}
.pay-options .option img{
  width: 50px;
}
.pay-options .option img.icon{
  width: 30px;
}
.pay-options .option:hover{
  background-color: #272379;
}
.pay-options .option.active{
  background-color: #005cbb;
}
.ui-table.transactions td{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.modal-drop{
  background-color: #110d3d;
}
.modal-drop .menu .menu-list {
  max-height: 113px;
}
.modal .playground-list{
  width: 100%;
  padding: 0.65rem 1rem;
  border-radius: 5px;
  border: 1px solid #272359;
  flex-wrap: wrap;
}

.modal .playground-list .pl-item{
  width: auto;
  margin-right: 0.95rem;
}

.tmt-game-box{
  width: 100%;
  padding: 0.7rem 1rem;
  border-radius: 7px;
  border: 1px solid #241f56;
}
.pref-box{
  width: 100%;
  border-radius: 10px;
  background-color: #171B2B;
  padding: 1.3rem;
}
.pref-box.plain{
  background-color: transparent;
  border: 1px solid #212639;
}
.pref-box.pad-lg{
  padding: 1.3rem 1.9rem;
}
/* ---- END GENERICS ---- */