@import url("https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap");
.bordered-btn-container {
  border: 2px solid #057027;
}

.btn,
.nav-pills .nav-link {
  border-radius: 8px !important;
}

.btn.btn-primary-no-gradient {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}
.btn.btn-secondary::before {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}
.btn.btn-secondary.toggle:before {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a !important;
}
.btn.btn-secondary:hover::before {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}
.btn.btn-secondary:hover.toggle:before {
  background: linear-gradient(90deg, #057027 0%, #034b1a 100%) #057027 !important;
}
.btn.btn-secondary p {
  background: linear-gradient(90deg, #173728 0%, #173728 100%) #173728;
}
.btn.btn-primary, .btn.btn-outline-light {
  color: #ccc8d1 !important;
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-outline-light:hover, .btn.btn-outline-light:active, .btn.btn-outline-light:focus {
  background: #057027 !important;
}

.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
  border-radius: 8px !important;
  border-color: #057027;
}
.btn-group > :not(.btn-check:first-child) + .btn:hover, .btn-group > :not(.btn-check:first-child) + .btn:active, .btn-group > :not(.btn-check:first-child) + .btn:focus, .btn-group > .btn-group:not(:first-child):hover, .btn-group > .btn-group:not(:first-child):active, .btn-group > .btn-group:not(:first-child):focus {
  background: linear-gradient(90deg, #057027 0%, #034b1a 100%) #057027;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 8px !important;
  border-color: #057027;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle):hover, .btn-group > .btn:not(:last-child):not(.dropdown-toggle):active, .btn-group > .btn:not(:last-child):not(.dropdown-toggle):focus {
  background: linear-gradient(90deg, #057027 0%, #034b1a 100%) #057027;
}

.card {
  border-color: #173728;
  background: linear-gradient(90deg, #173728 0%, #173728 100%) #173728 !important;
}
.card, .card .btn {
  color: #ccc8d1 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
  color: #ccc8d1 !important;
}

.nav-pills .nav-link {
  border-color: #057027 !important;
}

.toast-info {
  background: linear-gradient(90deg, #173728 0%, #173728 100%) #173728 !important;
  border-color: #173728;
}
.toast-info * {
  color: #ccc8d1 !important;
}

.bg-toggle {
  background: linear-gradient(90deg, #057027 0%, #034b1a 100%) #057027;
}

.line-seperator {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}

.toast {
  background: #506c59 !important;
}
.toast *, .toast .text-secondary {
  color: black !important;
}

.progressbar .inner {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}

.bg-button {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}

body .mdc-switch:enabled .mdc-switch__track::before {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a !important;
}

body .mdc-switch:enabled .mdc-switch__track::after {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a !important;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-color: #057027 !important;
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-bottom-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-color: #057027 !important;
}

.wallet-btn {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}

.text-vault-sealed {
  color: #057027;
}
.text-vault-sealed + svg * {
  fill: #057027 !important;
}

.mat-mdc-dialog-container .mdc-dialog__surface,
.mat-mdc-dialog-component-host > div {
  background-color: #173728 !important;
  color: black;
}

.accordion-item {
  background: #034b1a !important;
}

.bg-card {
  background: linear-gradient(90deg, #173728 0%, #173728 100%) #173728;
}

.nav-link.active {
  background: #057027;
  border-color: #057027;
}

.border-chart {
  border: 1px solid #506c59 !important;
}

.mdc-dialog__container .border-chart {
  border: 1px solid #057027;
}

fa-icon {
  color: #034b1a;
}

progress {
  background: linear-gradient(#10151F, #000);
  border-color: #506c59;
}

.bg-card-hover {
  background: linear-gradient(90deg, #034b1a 0%, #034b1a 100%) #034b1a;
}

body .bg-primary,
.bg-primary[_ngcontent-ng-c1969690522],
.main-container,
.root-container {
  background: #020704 !important;
}

.top-left-logo {
  height: 60px;
  margin-right: 10px;
}

.token-logo-small {
  max-height: 24px;
  width: 24px;
}

.top-left-logo-text small {
  font-size: 0.785em;
}

.loader {
  width: 180px;
  height: 180px;
  margin-top: -228px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Asap", sans-serif !important;
}

p, .btn {
  font-family: "Asap", sans-serif !important;
}

.block-image img {
  width: 100%;
  position: relative !important;
  top: auto;
  right: auto;
  height: 260px;
}

.btn-group > :not(.btn-check:first-child) + button.btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  padding: 16px 22px;
}

.accordion-item .accordion-header button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23916820' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
}

progress {
  --fill: linear-gradient( #057027, transparent 60%), linear-gradient(90deg, #057027, #173728);
  border-color: #020704;
}

.button-connect,
.wallet-btn {
  border-radius: 18px;
}

.button-connect {
  margin-left: 10px;
  border-radius: 18px !important;
}

.wallet-connection-dialog > div button:hover, .wallet-connection-dialog > div button:active {
  background: #173728 !important;
}

.alert.alert-info {
  background: #173728;
  border-color: #057027;
  color: #ccc8d1;
}
.alert.alert-info fa-icon {
  color: #057027 !important;
}

.rounded-circle.bg-banner {
  background: #020704 !important;
}

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