.ta-app-logo  {
  --ta-logo-width: 150px;
  --ta-logo-height: 120px;
  --ta-logo-path: url(assets/logo.png);
}

.ta-header-logo-link{
 --ta-header-logo-width: 48px;
}


:root 
    /* --ta-light-primary-color: #0f2147 !important; */
    --ta-light-primary-color: #0f124e !important;
    --ta-dark-primary-color: #ffffff !important;
}

.ta-dark-theme .mat-button.mat-primary, .ta-dark-theme .mat-icon-button.mat-primary, .ta-dark-theme .mat-stroked-button.mat-primary {
    color: white !important;
}

.st-dark-theme .mat-app-background, .st-dark-theme.mat-app-background {
  background-color: #0f124e !important;
}

.st-dark-theme .mat-flat-button.mat-primary, .st-dark-theme .mat-raised-button.mat-primary, .st-dark-theme .mat-fab.mat-primary, .st-dark-theme .mat-mini-fab.mat-primary {
  background-color: #f44336 !important;
}

:root {
  --ta-light-primary-color: #0f2147 !important;
  --ta-dark-primary-color: #0f2147 !important;
  --st-light-primary-color: #0f2147 !important;
  --st-dark-primary-color: #0f2147 !important;
}

.mat-input-element::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: white !important;
}
.mat-input-element:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    white !important;
 opacity:  1;
}
.mat-input-element::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    white !important;
 opacity:  1;
}
.mat-input-element:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    white !important;
}
.mat-input-element::-ms-input-placeholder { /* Microsoft Edge */
 color:    white !important;
}

.mat-input-element::placeholder { /* Most modern browsers support this now. */
 color:    white !important;
}

.ta-micro-chart .apexcharts-canvas.apexcharts-theme-light,
.ta-card__indicator {
  background-color: transparent !important;
  border: 1px solid white !important;
}

.mat-tab-group.mat-primary .mat-ink-bar,
.brs-header__menu--active:after {
  background-color: white !important;
}

.mat-tab-header,
mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell,
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: white !important;
}

.mat-autocomplete-panel,
.mat-select-panel {
  background-color: #0f2147 !important;
  border: 1px solid white;
}

body.st-light-theme .brs-icons--primary,
*:not(.fad):not(.fab):not(i),
.brs-app-dialog-overlay *:not(.fad):not(.fab):not(i),
.mat-form-field-appearance-outline .mat-form-field-outline,
.mat-hint,
.mat-select-value,
.mat-menu-item,
.mat-chip.mat-standard-chip,
.mat-sort-header-arrow,
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-paginator, .mat-paginator-page-size .mat-select-trigger,
.mat-cell, .mat-footer-cell,
.brs-app a, .brs-modal a,
.mat-header-cell,
.mat-tab-label,
.mat-tab-link {
  color: white !important;
}

.brs-modal--extended,
.mat-app-background,
.ta-dark-theme .mat-app-background, .ta-dark-theme.mat-app-background,
.st-dark-theme .mat-app-background, .st-dark-theme.mat-app-background {
  background-color: #0f2147 !important;
  color: white !important;
}

button.mat-accent:not(.mat-button-disabled),
button.mat-warn:not(.mat-button-disabled),
.st-avatar__wrapper button,
.ta-card .brs-avatar__rank, .ta-profile__avatar .brs-avatar__rank, .ta-share-preview-card__avatar .brs-avatar__rank,
.ta-dark-theme .mat-flat-button.mat-primary,
.st-dark-theme .mat-flat-button.mat-primary {
  background-color: #751817 !important;
}

.ta-dark-theme .mat-flat-button.mat-primary:hover,
.st-dark-theme .mat-flat-button.mat-primary:hover {
  background-color: #b63230 !important;
}

.mat-chip.mat-standard-chip,
.ta-dark-theme .mat-chip.mat-standard-chip,
.st-dark-theme .mat-chip.mat-standard-chip {
  background-color: #751817 !important;
  cursor: pointer;
}

.mat-calendar-body-selected,
.mat-chip.mat-standard-chip:hover,
.ta-dark-theme .mat-chip.mat-standard-chip:hover,
.st-dark-theme .mat-chip.mat-standard-chip:hover {
  background-color: #b63230 !important;
}

.brs-tag,
.mat-flat-button.mat-primary,
.brs-actions button,
.ta-dark-theme .mat-stroked-button,
.st-dark-theme .mat-stroked-button {
  background-color: #177522 !important;
  color: white !important;
}

.brs-actions__filters .mat-focus-indicator {
  background-color: transparent !important;
}

.ta-dark-components .primary-color,
.ta-dark-theme .primary-color {
    color: white !important;
}

.mat-datepicker-content,
.mat-menu-panel,
.st-dark-theme .mat-menu-panel,
.st-dark-theme .mat-select-panel {
    background-color: #0f2147 !important;
    border: 1px solid !important;
  }

  .mat-dialog-container,
  .st-dark-theme .mat-dialog-container {
      color: white !important;
      background-color: #0f2147 !important;
      box-shadow: 0px 0px 5px 0.5px white !important;
  }

.ta-menu-button--theme,
.st-menu-button--theme {
  display: none !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: white !important;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-radio-outer-circle {
  border-color: white !important;
}

.mat-calendar-arrow {
  fill: white !important;
}

apx-chart tspan,
apx-chart text {
  fill: white !important;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background-color: #1c3468 !important;
}

.mat-checkbox-frame {
  border-color: white !important;
}

.mat-icon.mat-primary {
  color: white !important;
}

.ta-popup.ta-share,
.ta-confirm {
  background-color: #0f2147 !important;
}

.ta-confirm .mat-button-base.mat-warn {
  background-color: #177522 !important;
}

body.st-light-theme i.brs-icons--primary,
body.st-light-theme span.brs-icons--primary {
  color: #00ff00 !important;
}

textarea,
input {
  caret-color: white !important;
}

.mat-expansion-panel {
  background-color: #0f2147 !important;
}

.mat-expansion-indicator:after {
  color: white !important;
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background-color: #177522 !important;
}

.mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled {
  border: 1px dashed white !important;
  cursor: no-drop !important;
}

.apexcharts-tooltip {
  background: #2596be !important;
  color: orange;
}

mat-error.mat-error *:not(.fad):not(.fab):not(i),
mat-error.mat-error *,
mat-error.mat-error > formly-validation-message {
   color: #b63230 !important;
   font-weight: 600 !important;
 }