:root {
    --background: #223777;
    --second-color: #00c0f2;
    --backgound-image: linear-gradient(195deg, #223777 0%, #00c0f2 100%);
    --color: #000000;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: var(--background) !important;
}
.pl-0 {
    padding-left: 0px !important;
} 
.pr-0 {
    padding-right: 0px !important;
}
.text-primary-color {
    color: var(--background);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: var(--background) !important;
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary {
    background-image: var(--backgound-image) !important;
    box-shadow: none !important;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: var(--background) !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: var(--background);
}
.text-gradient.text-primary {
    background-image: var(--backgound-image) !important;
}
.nav-item a:hover {
    color: #00c0f2 !important;
}
a:hover {
    color: var(--background) !important;
}
.bg-gradient-primary {
    background-image: var(--backgound-image) !important;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: var(--background) !important;
}
.example-full-width {
    width: 100%;
}
.form-control, .form-control:focus {
    border: 1px solid #d2d6da !important;
    padding: 10px 15px !important;
}