@charset "UTF-8";
/**
 * Material Design Color Palette from (https://material.io/guidelines/style/color.html#color-color-palette)
 *
 * Primary color - The 500 color in the color palette
 * Primary color light - The 200 color in the color palette
 * Primary color extra light - The 100 color in the color palette
 * Primary color xx light - The 50 color in the color palette
 * Primary color dark - The 700 color in the color palette
 * Accent color - The A200 color in the color palette
 * Accent color dark - The A400 color in the color palette
 */

/*========== Primary Color ================*/
.primary-color,
.mat-calendar-body-selected {
    background-color: #3F51B5 !important;
}
.primary-color-light,
.nav-subheader-color{
    background-color: #9FA8DA !important;
}
.primary-color-extra-light,
.collection .collection-item:hover:not(.no-hover),
.nav-header-color,
.tabs{
    background-color: #C5CAE9 !important;
}
.primary-color-xx-light,
table.highlight>tbody>tr:hover{
    background-color: #E8EAF6 !important;
}
.primary-color-dark{
    background-color: #303F9F !important;
}
.primary-color-dark-text{
    color: #303F9F !important;
}
/*========== END - Primary Color =============*/

/*========== Accent Color ================*/
.accent-color,
.tabs .indicator,
.progress .determinate,
.collapsible span.badge.new::before,
.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar,
.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #FF4081 !important;
}
.accent-color-text,
.mat-form-field.mat-focused .mat-form-field-label {
    color : #FF4081 !important;
}

.spinner-accent-color-only,
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #FF4081 !important;
}

.accent-color-dark,
button:focus,
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #F50057 !important;
}

.mat-input-element {
    caret-color : #FF4081;
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #FF4081;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #FF4081;
    background-color: #3F51B5
}

/*========== END - Accent Color =============*/

/* Buttons color */
button.accent-color,
.bottom-right-btn,
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button{
    color : #FFFFFF !important;
}

.body-background-color{
    background-color: #E5E5E5 !important;
}

.linear-progress-background-color,
.progress{
    background-color: transparent;
}
.white-background {
    background-color: #ffffff !important;
}

label, .mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-label {
    color: #6f6f6f;
}

.success {
    background-color: #4caf50 !important;
}

.error {
    background-color: #f44336 !important;
}

.success-text {
    color: #4caf50 !important;
}

.error-text {
    color: #f44336 !important;
}