

<style type="text/css">

    body {

    }
    .primary-700{
         background-color: #0288D1 !important;
    }
        .primary-700-text{
            color:  #0288D1 !important;
        }
            .primary-700-text:focus{
                background-color: #80D8FF !important;
            }
        .primary-700-fill{
            fill:  #0288D1 !important;
        }
        .primary-700-stroke{
            stroke:  #0288D1 !important;
        }

    .primary-500 {
        background-color: #03A9F4 !important;
    }
        .primary-500-text{
            color:  #03A9F4 !important;
        }
        .primary-500-fill{
            fill:  #03A9F4 !important;
        }
        .primary-500-stroke{
            stroke:  #03A9F4 !important;
        }
        .primary-500-border {
            border: 1px solid #03A9F4 !important;
        }

    .primary-A100 {
        background-color: #03A9F4 !important;
    }
        .primary-A100-text{
            color: #80D8FF !important;
        }
    .accent-700 {
        background-color: #FBC02D !important;
    }
    .accent-500 {
        background-color: #FFEB3B !important;
    }
    .accent-A100 {
        background-color: #FFFF8D !important;
    }
    .accent-A300 {
        background-color: #FFEA00 !important;
    }
    .accent-A400 {
        background-color: #FFD600 !important;
    }
    
    html{
        --mdc-filled-text-field-focus-active-indicator-color: #03A9F4 !important;
        --mat-option-label-text-size: 14px !important;
        --mat-menu-item-label-text-size: 14px !important;
        --mat-form-field-container-text-size: 14px !important;
        --primary: #03A9F4 !important;
    }

    .switch label input[type=checkbox]:checked+.lever:after {
        background-color: #03A9F4 !important;
    }
    .switch label input[type=checkbox]:checked+.lever{
        background-color: #80D8FF !important;
    }

    [type="checkbox"].filled-in:checked+label:after {
        border: 2px solid #03A9F4 !important;
        background-color: #03A9F4 !important;
    }

    /* Theming for material UI components */
    .material-textbox.focus > input, .material-textbox.focus > textarea {
        border-bottom-color: #FFD600 !important;
    }

    .material-textbox.focus > label {
        color: #FFD600 !important;
    }

    .material-combobox.focus > i {
        color: #FFD600 !important;
    }

    .material-checkbox input:checked ~ label span:first-child {
        background: #FFD600 !important;
        border-color: #FFD600 !important;
    }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.endRange:hover{
        background: #FFD600 !important;
        border-color: #FFD600 !important;
    }

    .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
        box-shadow: -10px 0 0 #FFD600 !important;
    }

    /* angular material theme overrides */
    .mat-calendar-body-selected {
        background: #03A9F4 !important;
    }

    .mat-datepicker-toggle-active {
        color: #03A9F4 !important;
    }

    .mat-form-field-appearance-outline.mat-focused .mat-mdc-floating-label {
        color: #03A9F4 !important;
    }

    .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
     .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
     .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing {
        border-color: #03A9F4 !important;
    }

    .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple {
        background-color: #03A9F4 !important;
    }

    .mat-icon.mat-primary:not([disabled]) {
        color: #03A9F4 !important;
    }

    .mat-mdc-button.mat-primary:not(:disabled) {
        color: #03A9F4 !important;
    }

    .mat-button.mat-primary:not([disabled]) .mat-button-focus-overlay,
    .mat-icon-button.mat-primary .mat-button-focus-overlay,
    .mat-mdc-outlined-button.mat-primary .mat-button-focus-overlay {
        background-color: #03A9F4 !important;
    }

    .mat-button.mat-primary:not([disabled]) .mat-ripple-element,
    .mat-icon-button.mat-primary .mat-ripple-element,
    .mat-mdc-outlined-button.mat-primary .mat-ripple-element {
        background-color: #03A9F4 !important;
        opacity: 0.2;
    }

    .mat-mdc-outlined-button.mat-primary:not([disabled]), .mat-mdc-outlined-button.mat-primary:not([disabled]) mat-icon.mat-icon {
        color: #03A9F4 !important;
    }

    .mat-mdc-progress-spinner circle, .mat-mdc-spinner circle {
        stroke: #03A9F4 !important;
    }

    .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
        background: #FFD600 !important;
        border-color: #FFD600 !important;
    }

    .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
        background: #FFD600 !important;
        border-color: #FFD600 !important;
    }

    .mat-raised-button.mat-primary:not([disabled]) {
        background: #03A9F4 !important;
    }

    .mat-button.mat-primary:not([disabled]) {
        color: #03A9F4 !important;
    }

    .mat-button.mat-primary:not([disabled]) .mat-button-focus-overlay {
        background-color: #03A9F4 !important;
    }

    .mat-mdc-icon-button.filter.active mat-icon {
        color: #03A9F4 !important;
    }

    .mat-mdc-icon-button.group-by.active mat-icon {
        color: #03A9F4 !important;
    }

    /*.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
        background: #FFD600 !important;
    }*/
    
    .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
        color: #03A9F4 !important;
    }
    
    .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
            background: #FFD600 !important;
    }
    
    /*.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate,
    .mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-indeterminate::after {
    background-color: unset !important;
    color: unset !important;
            /*color: #03A9F4 !important;
    }*/

    .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
        color: unset !important;
    }

    .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: #03A9F4 !important;
    }

    .mat-mdc-progress-bar{
        --mdc-linear-progress-active-indicator-color: #03A9F4 !important;
        --mdc-linear-progress-track-color: #b3e5fc !important;
        /* background-color: #03A9F4 !important; */
    }

    .mat-mdc-tab-group.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
        background-color: #03A9F4;
    }

    .mat-mdc-snack-bar-container {
        --mat-snack-bar-button-color: #FFD600 !important;
    }

    .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked {
        --mdc-switch-selected-focus-state-layer-color:  #FFD600 !important;
            --mdc-switch-selected-handle-color: #FFD600 !important;
            --mdc-switch-selected-hover-state-layer-color:  #FFD600 !important;
            --mdc-switch-selected-pressed-state-layer-color:  #FFD600 !important;
            --mdc-switch-selected-focus-handle-color:  #FFD600 !important;
            --mdc-switch-selected-hover-handle-color:  #FFD600 !important;
            --mdc-switch-selected-pressed-handle-color:  #FFD600 !important;
            --mdc-switch-selected-focus-track-color:  rgba(255,214,0,0.54) !important;
            --mdc-switch-selected-hover-track-color:  rgba(255,214,0,0.54) !important;
            --mdc-switch-selected-pressed-track-color:  rgba(255,214,0,0.54) !important;
            --mdc-switch-selected-track-color:  rgba(255,214,0,0.54) !important;
        
    }


    input.progress-slider::-webkit-slider-thumb {
        background-color: #03A9F4 !important;
    }

    mat-toolbar.mat-toolbar.mat-primary {
        background-color: #0288D1 !important;
    }

    mat-toolbar.mat-toolbar.mat-primary {
        background-color: #0288D1;
    }

    mat-tab-group.fill mat-tab-header {
        background-color: #03A9F4;
        border-bottom: 0;

        --mdc-tab-indicator-active-indicator-color: #fff !important;
            /*--mat-tab-header-inactive-label-text-color: #03A9F4 !important;*/
            --mat-tab-header-inactive-focus-label-text-color: #fff !important;
            --mat-tab-header-inactive-hover-label-text-color: #fff !important;
            --mat-tab-header-active-label-text-color: #fff !important;
            --mat-tab-header-active-focus-label-text-color: #fff !important;
            --mat-tab-header-active-hover-label-text-color: #fff !important;
            --mat-tab-header-active-focus-indicator-color: #03A9F4 !important;
            --mat-tab-header-active-hover-indicator-color: #03A9F4 !important;
    }

    mat-tab-group.fill mat-tab-header .mat-mdc-tab-label  {
        color: #fff !important;
    }
    
    mat-tab-group.fill .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
        color: #fff !important;
    }
    
    mat-tab-group.fill .mat-mdc-tab.mdc-tab--inactive .mdc-tab__text-label {
        color: #fff !important;
    }
    
    mat-tab-group.fill mat-tab-header .mat-mdc-tab-label.mat-mdc-tab-label-active {
        opacity: 1;
    }

    mat-tab-group.fill mat-tab-header .mdc-tab-indicator__content--underline  {
        border-color: #fff !important;
    }

    .mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
        --mdc-tab-indicator-active-indicator-color: #03A9F4 !important;
        --mat-tab-header-inactive-focus-label-text-color: #03A9F4 !important;
        --mat-tab-header-inactive-hover-label-text-color: #03A9F4 !important;
        --mat-tab-header-active-label-text-color: #03A9F4 !important;
        --mat-tab-header-active-focus-label-text-color: #03A9F4 !important;
        --mat-tab-header-active-hover-label-text-color: #03A9F4 !important;
        --mat-tab-header-active-focus-indicator-color: #03A9F4 !important;
        --mat-tab-header-active-hover-indicator-color: #03A9F4 !important;
    }

    .mat-mdc-checkbox, .mdc-checkbox {
        --mdc-checkbox-selected-focus-icon-color: #03A9F4 !important;
        --mdc-checkbox-selected-hover-icon-color: #03A9F4 !important;
        --mdc-checkbox-selected-icon-color: #03A9F4 !important;
        --mdc-checkbox-selected-pressed-icon-color: #03A9F4 !important;
        --mdc-checkbox-selected-focus-state-layer-color: #03A9F4 !important;
        --mdc-checkbox-selected-hover-state-layer-color: #03A9F4 !important;
        --mdc-checkbox-selected-pressed-state-layer-color: #03A9F4 !important;
    }

    .mat-badge .mat-badge-content {
        color: #FBC02D !important;
        background-color: white;
    }

    div.not-found-container {
        background-color: #03A9F4 !important;
    }

    .mdc-radio {
        --mdc-radio-selected-focus-icon-color: #FFD600 !important;
        --mdc-radio-selected-hover-icon-color: #FFD600 !important;
        --mdc-radio-selected-icon-color: #FFD600 !important;
        --mdc-radio-selected-pressed-icon-color: #FFD600 !important;
        --mat-radio-checked-ripple-color: #FFD600 !important;
    }
</style>