/*
------
.brs-app .st-app-logo {
  --st-logo-width: 50px;
  --st-logo-height: 50px;
}

.brs-app .st-header-logo-link {
  --st-header-logo-height: 32px;
}
:root {
    --st-light-primary-color: #e32c67 !important;
    --st-dark-primary-color: #d42d89 !important;
    --st-light-secondary-color: #ffee00 !important;
    --st-dark-secondary-color: #FFC107 !important;
    --st-success-message-color: #51A351 !important;
    --st-error-message-color: #BD362F !important;
    --st-positive-color: #51A351 !important;
    --st-negative-color: #BD362F !important;
}
------

*/

:root {
  --st-light-primary-color: #18C554 !important;
  --st-dark-primary-color: #18C554 !important;
  --st-light-secondary-color: #FFC107 !important;
  --st-dark-secondary-color: #FFC107 !important;
  --st-light-warn-color: #FF3535 !important;
  --st-dark-warn-color: #FF3535 !important;
  --st-success-message-color: #28A745 !important;
  --st-error-message-color: #FF3535 !important;
  --st-positive-color: #FFC107 !important;
  --st-negative-color: #FF3535 !important;

  --st-header-logo-width: auto !important;
  --st-header-logo-height: 20px !important;

  --palette-primary-500: 24, 197, 84 !important;
  --palette-background-unselected-chip: 234, 238, 244 !important;
}

.st-app-logo {
  --st-logo-width: 200px;
  --st-logo-height: auto;
}

.st-light-theme {
  --st-logo-path: url(./assets/logo_light.svg);
  --st-header-logo-path: url(./logo_header_light.svg);
}

.st-dark-theme {
  --st-logo-path: url(./assets/logo_dark.svg);
  --st-header-logo-path: url(./logo_header_dark.svg);
}

.st-header-logo-link {
  content: var(--st-header-logo-path) !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;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 5px 0 10px 0 !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.1em) scale(.75) !important;
    width: 133.3333333333% !important;
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.34375em !important;
    margin-top: -.25em !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;
}