:root {
  --primary-color: #b80da0;
  --primary-color-transparent: rgb(136, 49, 101, 0.5);
  --secondary-color: white;
  --third-color: #63394d;
  --grey-color: grey;
  --headerfooter: linear-gradient(#b8099d 0%, #892bbf 100%);
}

.secondary-btn:hover,
.secondary-btn:focus,
.secondary-btn:visited,
.secondary-btn:focus-within,
.secondary-btn {
  background: var(--third-color);
  color: white;
}

body,
.dashboard-body,
.Maintanence-banner {
  background: url("../img_newcolor/bg-piggymain.png") no-repeat top;
  background-size: cover;
}

.rank_card_main {
  background: none;
  background: transparent;
  padding: 1px;
}

.rank_card {
  padding: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--grey-color);
  background: rgba(0, 0, 0, 0.6);
  box-shadow: initial;
}

.value,
.wallet_content article .wallet_value,
.title_val_main .val,
.username_main h5,
.rank_title_main .rank_title,
.modal-icon-titles,
footer .footerMenuList .footerMenuSingle a .footerMenu,
footer .footerMenuList .footerMenuSingle a .footerMenu,
.success,
.nav_list li a,
.nav_list li a:hover,
.dropdown-menu .dropdown-item:hover,
.nav_username_close .nav_username,
.form-control::placeholder,
.form-group label,
.search-id-results-wrapper input,
.search-id-results-wrapper input:focus,
.search-id-results-wrapper input::placeholder,
.page_name_header h2,
.modal-icon-errormsg,
.dashboard-body,
.announcementHeader .announcementDate,
.card-main-head .head,
.supportChatMain .supportChatSingle article .chatContent p,
.supportChatMain .supportChatSingle article .date,
.chatTypeArea .chatType,
.chatTypeArea .chatType::placeholder,
.page_name_header .page_name a,
.Maintanence-paragraph p,
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--secondary-color) !important;
}

.modal-content {
  background: black;
  box-shadow: initial;
}

.gradient-container {
  background: var(--grey-color);
  padding: 1px;
}

.header_img::after {
  display: none;
}

.header_img img {
  width: 200px !important;
  margin-top: -38px;
}

.colored_wallet,
.reff_card_main {
  background: url("../img_newcolor/bg3.png") no-repeat center;
  border: 1px solid var(--grey-color);
  background-size: cover;
}

footer,
.header-container {
  background: var(--headerfooter);
}

.table thead tr th,
.announcement-inner {
  background: var(--third-color) !important;
}

.support-inner {
  background-color: #2c2227;
}

.announcement-inner,
.support-inner {
  border: 1px solid var(--grey-color);
}

.table tbody tr td {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: var(--secondary-color) !important;
}

.page_name_header {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid var(--grey-color);
  color: var(--secondary-color);
}

nav,
nav .dropdown-menu,
.filterRight {
  background: black;
}

.nav_username_close,
.nav_list li.logoutMain {
  border: 0px;
}

.btnBordered-primary:hover,
.btnBordered-primary:focus,
.btnBordered-primary:visited,
.btnBordered-primary:active,
.btnBordered-primary,
.cardFormGroup .form-control,
.form-group .form-control {
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color) !important;
}

.supportChatMain .supportChatSingle article .chatContent,
.chatTypeArea {
  background: transparent;
  border: 1px solid var(--secondary-color);
  border-radius: 10px;
}

.supportChatMain .supportChatSingle:nth-child(even) article .chatContent {
  background: var(--third-color);
  border: 1px solid var(--secondary-color);
  border-radius: 10px;
}

.Maintanence-banner .maintenance_card_main .maintenance_card {
  background: rgba(0, 0, 0, 0.5) !important;
  color: var(--secondary-color) !important;
}

.maintenance_card_img img {
  width: 100%;
}

.maintenance_card_img {
  max-width: 300px;
  width: 100%;
  margin: -35px auto !important;
}

.paginate_button.page-item.active {
  border: 0px;
}

@media (min-width: 1200px) {
  body,
  .dashboard-body,
  .Maintanence-banner {
    background: url("../img_newcolor/bg-piggymain-desktop.png") no-repeat top;
    background-size: cover;
  }
}


.walletbgforprogram .bgfirst.first-box, .walletbgforprogram .bgfirst {
  background: var(--primary-color-transparent);
  border: 1px solid var(--secondary-color)!important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid var(--secondary-color)!important;
}

.select2-container--open .select2-dropdown--below {
  background: black;
}

.select2-container--default .select2-results__option--selected {
    background: rgba(0, 0, 0, 0.5)
}

.nodataMain img {
  width: 140px;
}

.nodataMain {
  position: relative;
}

.spark2-container {
  position: absolute;
  top: -55px;
  right: -66px;
  background: url(../img_newcolor/spark-3.png) no-repeat center;
  height: 120px;
  width: 120px;
  left: 32%;
  top: 38%;
  background-size: contain;
  display: flex;
  justify-content: center;
}

.spark-container {
  position: absolute;
  top: -55px;
  right: -66px;
}

.rank_card {
  position: relative;
}

.spark-1 {
  position: absolute;
  left: 0px;
  top: -30px;
  background: url(../img_newcolor/spark-1.png) no-repeat center;
  height: 120px;
  width: 120px;
  background-size: contain;
  pointer-events: none;
}

.spark-2 {
  position: absolute;
  right: 0px;
  top: -45px;
  background: url(../img_newcolor/spark-2.png) no-repeat center;
  height: 120px;
  width: 120px;
  background-size: contain;
  opacity: 0.6;
  pointer-events: none;
}

.spark-3 {
  position: absolute;
  left: 0px;
  top: -14px;
  background: url(../img_newcolor/spark-1.png) no-repeat center;
  height: 120px;
  width: 120px;
  background-size: contain;
  opacity: 0.6;
  pointer-events: none;
}

.page_name_header {
  overflow: hidden;
  position: relative;
}

.wallet_content figure,
.logo {
  position: relative;
}

.footer_logo {
  position: relative;
}

.footerMenuSingle .spark-2 {
  height: 60px;
  width: 60px;
  right: 0px;
  top: -27px;
}

.footerMenuSingle .spark-3 {
  height: 60px;
  width: 60px;
  left: 0px;
  top: 5px;
}