:root {
  --ta-light-primary-color: #18C554 !important;
  --ta-dark-primary-color: #18C554 !important;
  --ta-light-secondary-color: #FFC107 !important;
  --ta-dark-secondary-color: #FFC107 !important;
  --ta-light-warn-color: #FF3535 !important;
  --ta-dark-warn-color: #FF3535 !important;
  --ta-success-message-color: #28A745 !important;
  --ta-error-message-color: #FF3535 !important;
  --ta-positive-color: #FFC107 !important;
  --ta-negative-color: #FF3535 !important;

  --ta-header-logo-width: 160px !important;
  --ta-header-logo-height: auto !important;

  --palette-primary-500: 24, 197, 84 !important;
}

.ta-light-theme {
  --ta-logo-path: url(./assets/logo_light.svg);
}

.ta-dark-theme {
  --ta-logo-path: url(./assets/logo_dark.svg);
}

.ta-app-logo {
  width: 160px !important;
  height: 14px !important;
}

/*--- Input Custom Styles ---*/
.mat-form-field-appearance-outline .mat-form-field-outline-start {
  min-width: 0.5rem !important;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
  min-width: 0.5rem !important;
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

/*--- Button Custom Styles ---*/
.mat-flat-button,
.mat-stroked-button {
  border-radius: 50px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  height: 40px !important;
  padding: 0 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.mat-flat-button:hover {
  opacity: 0.8 !important;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border: 2px solid #EAEEF4 !important;
}

.mat-stroked-button:hover {
  background-color: transparent !important;
  opacity: 0.8 !important;
}

.mat-button-focus-overlay {
  background: none !important;
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  border-color: rgb(var(--palette-primary-500)) !important;
}

/*--- Other Custom Styles ---*/
section.brs-metrics .brs-metrics__value {
  font-weight: normal !important;
}

.brs-link:hover {
  color: #18C554 !important;
}

.ta-table-watchlist-bookmark {
  margin-top: 0 !important;
}