/* color variables */
/* dark mode */
body.dark-mode {
  background: var(--dark-background);
}

/* component */
.dark-mode .btn .tooltip__text {
  background: #150744;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FAFBFF;
}

.dark-mode .btn .tooltip__text::before {
  border-bottom: 14px solid #150744;
}

/* sidebar style */
.dark-mode .sidebar__area {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .sidebar__content .sidebar__brand a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.dark-mode .watch-list h2 {
  color: #FEFEFF;
}

.dark-mode .watch-list .status-item h2 {
  color: #F83648;
}

.dark-mode .watch-list .status-item p {
  color: #FEFEFF;
}

.dark-mode .sidebar__content .watch-list__buttons a.btn-buy {
  background: -webkit-gradient(linear, left top, left bottom, from(#038DFA), to(#23CBD1));
  background: linear-gradient(#038DFA, #23CBD1);
  -webkit-text-fill-color: unset;
  color: #FEFEFF;
}

.dark-mode .sidebar__content .watch-list__buttons a.btn-pay {
  background: -webkit-gradient(linear, left top, left bottom, from(#7675FF), to(#C945FE));
  background: linear-gradient(#7675FF, #C945FE);
  -webkit-text-fill-color: unset;
  color: #FEFEFF;
}

.dark-mode .sidebar__menu li a {
  color: #D1D1D1;
}

.dark-mode .sidebar__menu li a:hover, .dark-mode .sidebar__menu li a.active {
  color: #FEFEFF;
  background: rgba(255, 255, 255, 0.1);
}

/* header area style */
.dark-mode .header__area {
  background: var(--tile-background);
  -webkit-box-shadow: 8px 0px 16px rgba(201, 202, 209, 0.15);
  box-shadow: 8px 0px 16px rgba(201, 202, 209, 0.15);
}

.dark-mode .header__area::before {
  background: var(--tile-background);
}

.dark-mode .header__logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.dark-mode .header-menu-toggler button {
  color: #FEFEFF;
}

.dark-mode .header__search {
  background-color: rgba(255, 255, 255, 0.2);
}

.dark-mode .header__search .overlay img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.dark-mode .header__search input {
  color: white;
}

.dark-mode .profile__info__left h2 {
  color: white;
}

/* page header style */
.dark-mode .page-header {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .page-header__text h2 {
  color: white;
}

.dark-mode .page-header__text p {
  color: white;
}

.dark-mode .page-header .price-info h3 {
  color: #FEFEFF;
}

/* Homepage style */
.dark-mode .my-portfolio {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .my-portfolio h2 {
  color: #FAFBFF;
}

.dark-mode .my-portfolio__balance {
  border-top: 1px solid #190D51;
  border-bottom: 1px solid rgba(25, 13, 81, 0.8);
}

.dark-mode .my-portfolio__table table tbody td {
  border-bottom: 1px solid rgba(25, 13, 81, 0.8);
}

.dark-mode .product-info__text h2 {
  color: #FAFBFF;
}

.dark-mode .product-info__text p {
  color: #B4B5C6;
}

.dark-mode .product-balance h2 {
  color: #FAFBFF;
}

.dark-mode .product-balance p {
  color: #B4B5C6;
}

.dark-mode .exchange__instantly {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .exchange__instantly h2 {
  color: #FAFBFF;
}

.dark-mode .exchange__instantly .nav-tabs {
  background: #190D51;
}

.dark-mode .exchange__instantly .nav-tabs button {
  color: #B4B5C6;
}

.dark-mode .exchange__instantly .nav-tabs button.active {
  background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
  color: #FEFEFF;
}

.dark-mode .exchange__instantly__content .dropdown__item {
  border: 1px solid #6270B2;
}

.dark-mode .exchange__instantly__content .dropdown__item .dropdown-left p {
  color: #B4B5C6;
}

.dark-mode .exchange__instantly__content .dropdown__item .dropdown-left h2 {
  color: #FAFBFF;
}

.dark-mode .exchange__instantly__content .dropdown__item .dropdown-right h2 {
  color: #FAFBFF;
}

.dark-mode .exchange__instantly__content .dropdown-menu {
  background: #190D51;
}

.dark-mode .exchange__instantly__content .dropdown-menu .dropdown__item:hover {
  background: #24146D;
}

.dark-mode .currency-item {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .currency-item .item__top .item__text h3 {
  color: #FAFBFF;
}

.dark-mode .currency-item .item__top .item__text h2 {
  color: #FEFEFF;
}

.dark-mode .my-wallets__item {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .my-wallets__top {
  border-bottom: 1px solid #190D51;
}

.dark-mode .my-wallets__top h2 {
  color: #FEFEFF;
}

.dark-mode .my-wallets__top h3 {
  color: #B4B5C6;
}

.dark-mode .my-wallets__top p {
  color: #B4B5C6;
}

.dark-mode .my-wallets__list .list-item {
  border: 1px solid #6270B2;
}

.dark-mode .my-wallets__list .list-item .list-text {
  margin-left: 46px;
}

.dark-mode .my-wallets__list .list-item .list-text h2 {
  color: #FAFBFF;
}

.dark-mode .my-wallets__list .list-item .list-text p {
  color: #B4B5C6;
}

.dark-mode .exchange__area {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .exchange__top h2 {
  color: #FAFBFF;
}

.dark-mode .exchange__top p {
  color: #B4B5C6;
}

.dark-mode .exchange__bottom p {
  color: #B4B5C6;
}

.dark-mode .exchange__content .dropdown .dropdown__item {
  background: black;
}

.dark-mode .exchange__content .dropdown .dropdown-text h2 {
  color: #FEFEFF;
}

.dark-mode .exchange__content .dropdown .dropdown-text p {
  color: #B4B5C6;
}

.dark-mode .exchange__content .input-text p {
  color: #B4B5C6;
}

.dark-mode .exchange__content .input__group {
  background: black;
}

.dark-mode .exchange__content .input__group label {
  color: #8F95B2;
}

.dark-mode .exchange__content .input__group input {
  background-color: transparent;
  color: #FEFEFF;
}

.dark-mode .exchange__content .input__group.converted {
  background: black;
}

.dark-mode .exchange__content .input__group.converted input {
  background-color: black;
  color: #FEFEFF;
}

/* accouonts page*/
.dark-mode .active-accounts__area__top h2 {
  color: #FEFEFF;
}

.dark-mode .active-accounts__item {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .active-accounts__item .overlay button {
  color: #FEFEFF;
}

.dark-mode .active-accounts__item .btn {
  border-color: #28D3D2;
  color: #28D3D2;
}

.dark-mode .active-accounts__item .btn-bg-blue {
  border-color: transparent;
  background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
  color: #FEFEFF;
}

.dark-mode .active-accounts__item.active {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .active-accounts__item.active .overlay button {
  color: white;
}

.dark-mode .active-accounts__item.active h2, .dark-mode .active-accounts__item.active h3 {
  color: white;
}

.dark-mode .active-accounts__item.active .btn {
  border-color: #28D3D2;
  color: #28D3D2;
}

.dark-mode .active-accounts__item.active .btn-bg-blue {
  border-color: transparent;
  background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
  color: #FEFEFF;
}

.dark-mode .active-accounts__text h2 {
  color: #FEFEFF;
}

.dark-mode .active-accounts__text h3 {
  color: #FAFBFF;
}

.dark-mode .recent-transaction__area {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .recent-transaction__top__left h2 {
  color: #FEFEFF;
}

.dark-mode .recent-transaction__top__right .right-item ul li a {
  border: 2px solid rgba(81, 44, 255, 0.9);
}

.dark-mode .recent-transaction__top__right .right-item ul li a:hover {
  background-color: rgba(81, 44, 255, 0.9);
}

.dark-mode .recent-transaction__top__right .right-item ul li a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.dark-mode .recent-transaction__table table thead th {
  color: #FEFEFF;
}

.dark-mode .recent-transaction__table table tbody tr {
  border-bottom: 0.727273px solid #190D51;
}

.dark-mode .recent-transaction__table table .currency-info h2 {
  color: #FAFBFF;
}

.dark-mode .recent-transaction__table table .currency-info p {
  color: #B4B5C6;
}

.dark-mode .recent-transaction__table table .date {
  color: #FAFBFF;
}

.dark-mode .recent-transaction__table table .type {
  color: #FAFBFF;
}

.dark-mode .recent-transaction__table table .amount-info p {
  color: #B4B5C6;
}

/* wallets page*/
.dark-mode .member-balance__area {
  background: #24146D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .member-balance__top__left h2 {
  color: #FEFEFF;
}

.dark-mode .member-balance__earning {
  background: #190D51;
}

.dark-mode .member-balance__earning .list-item h2 {
  color: #B4B5C6;
}

.dark-mode .member-balance__earning .list-item h4 {
  color: #FAFBFF;
}

.dark-mode .member-balance__status {
  background: #24146D;
  border: 1px solid #190D51;
}

.dark-mode .member-balance__status ul li:not(:first-child) {
  border-left: 1px solid #190D51;
}

.dark-mode .member-balance__status .list-item p {
  color: #B4B5C6;
}

.dark-mode .member-balance__status .list-item h2 {
  color: #FEFEFF;
}

/* buy page */
.dark-mode .buy-2__content {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .buy-2__content__top h2 {
  color: #FEFEFF;
}

.dark-mode .buy-2__content__top p {
  color: #B4B5C6;
}

.dark-mode .buy-2__content__buttons button {
  border: 1px solid #ffd148;
  color: #FEFEFF;
}

.dark-mode .summary__table {
    border: 1px solid #ffd148;
    background: black;
}

.dark-mode .summary__table table thead th {
  color: #FEFEFF;
}

.dark-mode .summary__table table tbody td {
    border-top: 1px solid #ffd148;
  color: #66A7FF;
}

.dark-mode .summary__table table .title {
  color: #FEFEFF;
}

.dark-mode .buy-2__table__title h2{
  color: #FEFEFF;
}

.dark-mode .transaction__table{
  background: #190D51;
  border: 1px solid #333D6D;
}

.dark-mode .transaction__table table tbody td {
  border-top: 1px solid #333D6D;
}

.dark-mode .transaction__table table .transaction-id {
  color: #66A7FF;
}

.dark-mode .transaction__table table .date-time {
  color: #FEFEFF;
}

.dark-mode .transaction__table table .transaction-status .status-data p {
  color: #66A7FF;
}

.dark-mode .transaction__table table .transaction-status .status-data p span {
  color: #FEFEFF;
}

.dark-mode .transaction__table table .price p {
  color: #B4B5C6;
}

.dark-mode .qr-code__img__black{
  display: none;
}

.dark-mode .qr-code__img__white{
  display: block;
}

/* transaction page */
.dark-mode .order__area {
  background: #24146D;
  border-radius: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .order__area h2,
.dark-mode .order__table th,
.dark-mode .order__table td h2 {
  color: #FAFBFF;
}

.dark-mode .order__area p,
.dark-mode .order__table td p {
  color: #B4B5C6;
}

.dark-mode .transaction__area {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: var(--tile-background);
}

.dark-mode .transaction__area h2 {
  color: #FAFBFF;
}

.dark-mode .transaction__area p {
  color: #B4B5C6;
}

.dark-mode .transaciton__item .transaction__info__list {
  border: 1px solid black;
}

.dark-mode .transaciton__item .transaction__info__list li:not(:first-child) {
  border-top: 1px solid black;
}

.dark-mode .order__table table tbody tr {
  border-bottom: 1px solid #190D51;
}

/* settings pages */
.dark-mode .settings__nav {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .settings__menu li a,
.dark-mode .settings__menu li a::before {
  color: #B4B5C6;
}

.dark-mode .settings__menu li a:hover,
.dark-mode .settings__menu li a:hover::before,
.dark-mode .settings__menu li a.active,
.dark-mode .settings__menu li a.active::before {
  color: var(--tile-background) !important;
  background: rgb(255 209 72);
}

.dark-mode .settings__menu .sub-menu li a:hover,
.dark-mode .settings__menu .sub-menu li a.active {
  color: var(--tile-background) !important;
  background: rgb(255 209 72);
}

.dark-mode .settings__item  {
  background: var(--tile-background);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dark-mode .settings__item__top {
  border-bottom: 1px solid black;
}

.dark-mode .settings__item__content .contact-support__item input,
.dark-mode .settings__item__content .contact-support__item textarea {
  background: #190D51;
  color: #FEFEFF;
}

.dark-mode .settings__item__top h2 {
  color: #FEFEFF;
}

.dark-mode .fee-limits__item .single-item .list-item h2 {
  color: #8A73D7;
}

.dark-mode .fee-limits__item .single-item .list-item p {
  color: #B4B5C6;
}

.dark-mode .fee-limits__list .list-item h2,
.dark-mode .fee-limits__list .list-item h3,
.dark-mode .fee-limits__list .list-item p,
.dark-mode .fee-limits__item .single-item .list-item h2 {
  color: #FEFEFF;
}

.dark-mode .settings__item__content .text__item h2,
.dark-mode .settings__item__content .text__item p {
  color: #FEFEFF;
}

.dark-mode .settings__item__content .system-status__item h2 {
  color: #FEFEFF;
}

.dark-mode .settings__item__content .system-status__list li {
  border-bottom: 1px solid black;
}

.dark-mode .notification-settings__item .single-item {
  border-bottom: 1px solid black;
}

.dark-mode .notification-settings__item .single-item h2 {
  color: #FEFEFF;
}

.dark-mode .notification-settings__item .single-item .input__group__between label {
  color: #FAFBFF;
}

.dark-mode .notification-settings__item .single-item.item-bottom {
  color: #FAFBFF;
}

.dark-mode .notification-settings__item .single-item .input__group__between input[type="checkbox"] {
  background: rgb(255 209 72);
}

.dark-mode .notification-settings__item .single-item .input__group__between input[type="checkbox"]::before {
  background: black;
  border: 1px solid black;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.dark-mode .notification-settings__item .single-item .input__group__between input[type="checkbox"]:checked {
  background: rgba(2, 172, 154, 0.4);
}

.dark-mode .notification-settings__item .single-item .input__group__between input[type="checkbox"]:checked::before {
  border: 0;
  background: #02AC9A;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.dark-mode .anti-phishing-code__item .input__group input {
  background: #190D51;
  color: #FEFEFF;
}

.dark-mode .anti-phishing-code__item .input__group label {
  color: #B4B5C6;
}

.dark-mode .anti-phishing-code__top h2 {
  color: #FEFEFF;
}

.dark-mode .anti-phishing-code__top p {
  color: #B4B5C6;
}

.dark-mode .settings__item__content .change-password__item input {
  background: black;
  color: #FEFEFF;
}

.dark-mode .settings__item__content .input__group label {
  color: #FEFEFF;
}

.dark-mode .settings__item__content .input__group select {
  background: #190D51;
  color: #FEFEFF;
}

.dark-mode .settings__item__content .payment-currency h2 {
  color: #FEFEFF;
}

.dark-mode .settings__item__content .payment-currency input {
  background: #190D51;
  color: #FEFEFF;
}


/* payment page style */
.dark-mode .payment__area{
  background: #24146D;
}

.dark-mode .payment__title h2{
  color: white;
}


.dark-mode .payment__content{
  border-top: 1px solid #190D51;
}

.dark-mode .payment__content::before{
  background-color: #190D51;
}

.dark-mode .how-to-pay h2{
  color: white;
}

.dark-mode .how-to-pay__button .input__group label{
  color: white;
}

.dark-mode .how-to-pay__button,
.dark-mode .how-to-pay__button .input__group{
  border-color: #190D51;
}

.dark-mode .payment__content .item__right .input__group label {
  color: #8F95B2;
}

.dark-mode .payment__content .item__right .input__group input {
  background-color: #190D51;
  color: white;
  border-color: #190D51;
}

.dark-mode .payment__brand__list .list-item{
  background: #FEFEFF;
  border: 1px solid rgba(229, 231, 240, 0.8);
  border-radius: 4px;
}

.html5-qrcode-element {
  color: white;
}

#html5-qrcode-button-camera-permission{
    background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
    -webkit-box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    border-radius: 6px;
    padding: 16px 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 16px;
    color: #FEFEFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border:none;
}

#html5-qrcode-button-camera-stop{
    background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
    -webkit-box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    border-radius: 6px;
    padding: 16px 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 16px;
    color: #FEFEFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border:none;
}

#html5-qrcode-button-camera-start{
    background: linear-gradient(240.73deg, #28D3D2 1.33%, #028BFD 98.8%);
    -webkit-box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    box-shadow: 0px 6px 26px rgb(2 139 253 / 20%);
    border-radius: 6px;
    padding: 16px 18px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 16px;
    color: #FEFEFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border:none;
}

#reader__scan_region img{
    filter: brightness(0) invert(1);
    display:initial!important;
}

#html5-qrcode-anchor-scan-type-change{
    display:none!important;
}

#reader{
    border:none!important;
}

#reader img{
    display:none;
}