@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html:root {
  --nvz-body-font-size: 14px;
  --nvz-body-bkg: #fbfbfb;
  --nvz-body-color: #333;

  --nvz-logo-url: url('../../assets/img/logo-icon-text.svg');
  --nvz-logo-mobile-url: url('../../assets/img/logo-icon.svg');
  --nvz-logo-auth-url: url('../../assets/img/logo-icon-text.svg');
  --nvz-auth-img-url: url('../../assets/img/bkg.png');

  --nvz-auth-header-bkg: #283673;
  --nvz-auth-header-color: #fff;

  --nvz-font-family-body: 'Montserrat', sans-serif;
  --nvz-font-family-headings: 'Fredoka', serif;

  --nvz-container-dark-bkg: #283673;
  --nvz-container-dark-color: white;

  --nvz-color-primary: #283673;
  --nvz-color-primary-contrast: #fff;
  --nvz-color-accent: #fbde37;
  --nvz-color-accent-contrast: #000;
  --nvz-color-danger: #ba2b27;
  --nvz-color-danger-contrast: #fff;
  --nvz-color-warning: #fb7c37;
  --nvz-color-warning-contrast: #000;
  --nvz-color-success: #28a745;
  --nvz-color-success-contrast: #fff;
  --nvz-color-info: #17a2b8;

  --nvz-link-color: #283673;
  --nvz-link-color-hover: #1b254e;

  --nvz-button-color: #fff;
  --nvz-button-border-radius: 0;

  --nvz-panel-border-radius: 0;

  --nvz-form-input-border: transparent;
  --nvz-form-input-bkg: #f1f1f1;
  --nvz-form-input-border-radius: 0;

  --nvz-wizard-item-active-number-color: var(--nvz-color-danger);
  --nvz-wizard-item-active-label-color: var(--nvz-color-accent);
  --nvz-wizard-item-number-bkg: #f1f1f1;
  --nvz-wizard-item-number-color: var(--nvz-color-danger);

  --nvz-coin-info-bkg: var(--nvz-color-primary);

  --nvz-swimlane-axis-color: var(--nvz-color-danger);

  --nvz-coin-green-bkg: var(--nvz-color-success);
  --nvz-coin-red-bkg: var(--nvz-color-danger);

  --nvz-drop-zone-active-bkg: rgba(40, 167, 69, 0.2);

  --mat-standard-button-toggle-selected-state-background-color: var(
    --nvz-color-accent
  );
}

.panel-body-title,
h3,
h4,
.panel-header h2 {
  color: var(--nvz-color-danger) !important;
}

.coin.red,
.coin.red span,
.coin.green,
.coin.green span,
.coin.orange,
.coin.orange span,
.info-panel,
.info-panel a {
  color: white !important;
}

.info-panel a {
  font-weight: bold;
  text-decoration: underline;
}

div.vendor-info {
  display: flex;
  flex-direction: row;
  place-content: center flex-start;
  align-items: center;
}

div.vendor {
  display: inline-block;
  background-image: url('/assets/img/moneyfarm.svg');
  width: 100px;
  height: 20px;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

div.vendor-envizage {
  background-image: url('/assets/img/logo-envizage.png');
  width: 80px;
}

.axis {
  font-weight: normal;
}