.st-light-theme.mat-app-background {
	background-color: #fafafa !important;
	/*color: #8b8f9f !important;*/
}

.st-dark-theme.mat-app-background {
	background-color: #000000 !important;
	/*color: #1c1f22 !important;
	  color: #8b8f9f !important;*/
}

.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: #9EEB4B !important;
    --st-dark-primary-color: #9EEB4B !important;
    --st-success-message-color: #51A351 !important;
    --st-error-message-color: #BD362F !important;
    --st-positive-color: #51A351 !important;
    --st-negative-color: #BD362F !important;
}


.brs-app--loading div.st-app-logo {
    content: url("loading.gif")
}

.brs-widget--loading {
    content: url("loading.gif");
	width: 50px !important;
    height: 50px !important;
	position: fixed;
	top: 50%;
	left: 50%;
}

.st-dark-theme .brs-app--widgets {
	background-color: #000000 !important;
}

.st-dark-theme .ta-card__indicator {
	background-color: transparent !important;	
}

.st-dark-theme .mat-cell {
	background-color: transparent !important;
}

.st-dark-theme .mat-header-cell {
	background-color: transparent !important;
}

.ta-badge-list brs-badge img { 
   width: 32px!important;
   height: 32px!important;
   margin-left: 2px;
}

.apexcharts-canvas {
	background-color: transparent !important;
}