:root {
  --primary-color:#003090;
  --secondary-color:#fbba00;
  --spcl-color:#fbba00;
  --spcl-color2:#0b56a4;
  --button-text-color:#ffffff;
  --button-text-hover-color:#ffffff;
}	
	
	
	

/* Replace Rgb also (17,17,17)
#999999 - replcae with Lighter Shade of Primary color
 */




a { color: var(--primary-color);    text-decoration: none; background-color: transparent;}
a:link, a:active, a:visited {color: var(--primary-color);}
a:hover, a:focus {color: #111111;}
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary { color: #fff;  background-color: var(--primary-color);}
.mat-raised-button.mat-primary:hover, .mat-raised-button.mat-primary:focus { color: #fff;  background-color:#111111; }

.mat-raised-button { background: var(--primary-color);  color: #ffffff; }
.mat-raised-button:hover,.mat-raised-button:focus  { background:#1D1D1D;  color: #ffffff; }



.mat-menu-content h4 { font-size:0.9rem; }




.profile-item {
    width: 15vw;
    max-width: 220px!important;
    min-width: 170px;
}


.step_number_icon.selected {
    color: #fff;
    background-color: var(--primary-color)!important;
}


.mat-accent .mat-option.mat-selected:not(.mat-option-disabled), .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
	color: var(--primary-color);
}

.mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate, .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate {
	background: var(--primary-color);
}

.mat-badge-content {
	color: #fff;
	background: var(--primary-color);
}
.mat-badge-accent .mat-badge-content {
	background: var(--primary-color);
	color: #fff
}
.mat-button.mat-accent, .mat-button.mat-primary, .mat-icon-button.mat-accent, .mat-icon-button.mat-primary, .mat-stroked-button.mat-accent, .mat-stroked-button.mat-primary {
	color: var(--primary-color);
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
	background-color: var(--primary-color);
}
.mat-fab.mat-accent, .mat-fab.mat-primary, .mat-flat-button.mat-accent, .mat-flat-button.mat-primary, .mat-mini-fab.mat-accent, .mat-mini-fab.mat-primary, .mat-raised-button.mat-accent, .mat-raised-button.mat-primary {
	background-color: var(--primary-color);
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
	background-color: var(--primary-color);
}


.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
	background: var(--primary-color);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
	background-color: var(--primary-color);
	color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
	background-color: var(--primary-color);
	color: #fff
}

.mat-calendar-body-selected {
	background-color: var(--primary-color);
	color: #fff
}
.mat-calendar-body-disabled>.mat-calendar-body-selected {
	background-color: rgba(17,17,17,.4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
	background-color: var(--primary-color);
	color: #fff
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
	background-color: rgba(17,17,17,.4)
}

.mat-datepicker-toggle-active, .mat-datepicker-toggle-active.mat-accent {
	color: var(--primary-color);
}

.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
	color: var(--primary-color);
}

.mat-focused .mat-form-field-required-marker {
	color: var(--primary-color);
}

.mat-form-field.mat-focused .mat-form-field-ripple, .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
	background-color: var(--primary-color);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after, .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
	color: var(--primary-color);
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
	color: var(--primary-color);
}
.mat-icon.mat-accent, .mat-icon.mat-primary {
	color: var(--primary-color);
}

.mat-input-element {
	caret-color: var(--primary-color);
}
.mat-accent .mat-input-element {
	caret-color: var(--primary-color);
}


.mat-form-field.mat-focused.mat-accent .mat-select-arrow, .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
	color: var(--primary-color);
}


.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
	background-color: var(--primary-color);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(17,17,17,.54)
}
.mat-slide-toggle.mat-checked .mat-ripple-element, .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
	background-color: var(--primary-color);
}



.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(17,17,17,.54)
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
	background-color: var(--primary-color);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
	background-color: #f44336
}


.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(244,67,54,.54)
}

.mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label, .mat-primary .mat-slider-track-fill {
	background-color: var(--primary-color);
}


.mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label, .mat-accent .mat-slider-track-fill {
	background-color: var(--primary-color);
}


.mat-slider-focus-ring {
	background-color: rgba(17,17,17,.2)
}

.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit {
	background-color: var(--primary-color);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
	background-color: var(--primary-color);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
	background-color: var(--primary-color);
}

.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
	background-color: var(--primary-color);
}

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
	background-color: var(--primary-color);
}




.mat-simple-snackbar-action {
	color: var(--primary-color);
}




.ngx-custom-toastr.toast-success {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: #fff
}







.mat-progress-bar-background {
	fill: #999999
}
.mat-progress-bar-buffer {
	background-color: #999999
}
.mat-progress-bar-fill:after {
	background-color: var(--primary-color);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
	fill: #999999
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
	background-color: #999999
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
	background-color: var(--primary-color);
}

.mat-progress-spinner.mat-accent circle, .mat-progress-spinner circle, .mat-spinner.mat-accent circle, .mat-spinner circle {
	stroke: var(--primary-color);
}


.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
	border-color: var(--primary-color);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
	background-color: var(--primary-color);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
	border-color: var(--primary-color);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
	background-color: var(--primary-color);
}