:root {
  --dark-blue: #013F78;
  --light-blue: #00C8E0;
  --primary-color: var(--dark-blue);
  --secondary-color: var(--light-blue);
  --dark: #000b16;
  --gradient: linear-gradient(90deg, var(--dark-blue) 0%, var(--light-blue) 50%);
}

.blue-eclipses,
.user_details_card_main {
  background: var(--dark);
}

::-webkit-scrollbar-thumb {
  background: var(--light-blue);
}

::-webkit-scrollbar-thumb:hover {
  background: #009aac;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: var(--light-blue);
}
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #009aac;
}

.headValueMain .head,
.cardFormGroup label, .form-group label,
.capitalBalance .balanceHead,
.white-sub-wrapper p,
.flex-items p:nth-child(1),
.user_details_card_main .user_details_card_left article p,
.referral-text,
.walletConnectBtn,
.filter-container span,
.table.history-table tbody td:nth-child(3), .table.history-table tbody td:nth-child(6),
.diagram_table tr td.txt-yellow, .txt-yellow,
.page_title,
.chart_body_main .chart_area .chart_title,
.chart_footer_content .chart_footer_single .title,
.balance_area .currency,
.chart_color_contents .yellow,
.chart_color_contents .lemon_green {
  color: var(--light-blue) !important;
}

.user_details_card_main,
.walletConnectBtn {
  border-color: var(--light-blue);
}

.commissionMain .walletHeader,
.walletHeader,
.step-line::before,
.step.active,
.chart_tabs_main .nav-pills .nav-link.active,
.chart_color_contents .lemon_green .color_round,
.chart_color_contents .yellow .color_round {
  background: var(--light-blue) !important;
}

.walletHeader .walletHeaderLeft .walletHeadArea,
.commissionValue,
.step.active {
  color: #fff;
}

footer .footerMenuList .footerLogo .active::after, .walletHeader, .commissionMain .walletHeader {
  background: var(--gradient) !important;
}

.paginate_button.page-item.active {
  border-color: var(--light-blue);
  background: var(--light-blue);
  color: #fff;
}
.paginate_button.page-item.active:hover {
  border-color: var(--light-blue);
  background: var(--light-blue);
  color: #fff;
}

.btnPrimary, .primary-btn {
  background: var(--gradient);
  color: #fff;
}
.btnPrimary:hover, .primary-btn:hover {
  color: #fff;
}

.supportChatMain .userChat article .chatContent {
  background: rgba(3, 199, 224, 0.25);
}

.chatTypeArea {
  width: calc(100% - 30px);
  left: 15px;
}

.payment_two_side_wrapper .payment_two_side_row .payment_value {
  color: var(--light-blue);
}

.walletMainContents::before {
  background: none;
}

/*# sourceMappingURL=color_change.css.map */