:root {
  --cash-btn-color: #332941;
  --color-black: #ffffffff;
  --color-grey: #3b3486;
  --color-white: #ffffff;
  --main-color: #864af9;
  --brighter-main-color: #ffe9b1;
  --background-color: #3b3486;
  --packet-top-color: #e1e1e1;
  --packet-top-checked-color: #3b3486;
}

.app-header__logo .logo-src {
  background: url("assets/images/white-leadya.png") no-repeat;
  background: url("assets/images/white-leadya.png") no-repeat;
}

.selected-element {
  background-color: #ffe9b1 !important;
  color: var(--background-color) !important;
  border: 2px solid var(--background-color);
}

.btn-low {
  border-color: var(--color-white);
  background-color: var(--cash-btn-color);
}

.app-theme-white.fixed-header .app-header__logo {
  background: var(--color-grey);
}

.nav-item .nav-link,
.app-sidebar__heading,
.white-link,
.campaign-name,
.other-campaign-button,
.text-center,
.div.form-group,
.card-title,
.table .table,
.col-1 i.metismenu-icon,
.table,
.text-white {
  color: var(--background-color) !important;
}

.app-theme-white .app-page-title,
.app-theme-white .app-footer .app-footer__inner {
  background-color: var(--color-black);
}

.app-sidebar .scrollbar-sidebar {
  background-color: #f6f6f6;
}

.app-main .app-main__inner, .app-main .navigation-fixed {
  background-color: #f5f5f5;
}

.btn-light,
.btn-simple,
.btn-medium {
  background-color: var(--background-color);
  color: var(--color-white);
}

.btn-light:hover,
.btn-turn-campaign,
.btn-simple:hover,
.btn-medium:hover {
  background-color: var(--main-color);
  color: var(--color-white);
  font-weight: bold;
  border-color: var(--background-color);
}

.bg-dark {
  background-color: var(--color-white) !important;
  border: 2px solid var(--background-color);
}

form,
.form-control-full-height,
.btn-turn-campaign:hover {
  background-color: var(--color-white);
  color: var(--background-color);
}

.theme,
.btn-low:hover {
  border-color: var(--background-color);
}

.card,
#formCreateCampaignUsingAI {
  color: var(--background-color);
  border: 2px solid var(--background-color);
}

.btn-success:hover,
#openExtendWalletModal:hover {
  color: var(--background-color);
  border: 2px solid var(--background-color);
}

.white-link span {
  color: var(--color-white);
}
.btn-warning {
  background: var(--brighter-main-color);
  color: var(--background-color);
}

.btn-warning:hover {
  font-weight: bold;
  border: 2px solid var(--background-color);
  background: var(--brighter-main-color);
  color: var(--background-color);
}

div.carousel-caption h4 span, div.carousel-caption h5 span {
  color: var(--main-color);
}