﻿
/*-------- CHECKBOX --------*/
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: #1D8FBF !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: #3E9DC7 !important;
}

md-checkbox.md-default-theme.md-checked.md-focused .md-container:before, md-checkbox.md-checked.md-focused .md-container:before {
    background-color: rgba(87, 120, 234, 0.26) !important;
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
    background-color: #1D8FBF !important;
}

/*------ RADIO BUTTON -------*/
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #1D8FBF !important;
}
md-radio-group:not([disabled]).md-primary .md-checked .md-off {
    border-color: #1D8FBF !important;
}

md-radio-button.md-checked.check-salmon .md-on, md-checkbox.check-salmon.md-checked .md-icon {
    background-color: salmon !important;
}

md-checkbox.check-salmon.md-checked .md-ink-ripple,
md-radio-group .md-checked:not([disabled]).check-salmon .md-ink-ripple {
    color: salmon !important;
}

md-radio-group:not([disabled]).md-primary .md-checked.check-salmon .md-off{
    border-color:#e4a39c!important;
}

/*-------- FAB BUTTON ---------*/
.md-button.md-default-theme.md-fab, .md-button.md-fab {
    background-color: #3E9DC7;
    color: rgb(255,255,255);
}

    .md-button.md-default-theme.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover {
        background-color: #1D8FBF !important;
    }

    md-fab-speed-dial.md-fab-bottom-right,
    .md-button.md-fab.md-fab-bottom-right {
        position: fixed !important;
    }

    .md-button.md-fab.fab-red {
        background-color: #ff2121 !important;
        color: rgb(255,255,255) !important;
    }

        .md-button.md-fab.fab-red:not([disabled]).md-focused,
        .md-button.md-fab.fab-red:not([disabled]):hover {
            background-color: #d21b1b !important;
        }

    .md-button.md-fab.fab-salmon {
        background-color: #e9967a !important;
        color: rgb(255,255,255) !important;
    }

        .md-button.md-fab.fab-salmon:not([disabled]).md-focused,
        .md-button.md-fab.fab-salmon:not([disabled]):hover {
            background-color: #e57752 !important;
        }


/*------- SELECT -------*/
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: #1D8FBF !important;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: #1D8FBF !important;
}

md-select.md-no-underline.form-control {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value {
    color: #b94a48!important;
    border-bottom-color: rgb(221,44,0)!important;
}

/*--------- CALENDAR + DATEPICKER  ----------*/
.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background-color: #3E9DC7 !important;
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
    color: #3E9DC7 !important;
}

.md-default-theme .md-datepicker-input-container.md-datepicker-focused,
.md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #3E9DC7 !important;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator,
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border-color: #3E9DC7 !important;
}

.md-default-theme .md-datepicker-input-container.md-datepicker-invalid,
.md-datepicker-input-container.md-datepicker-invalid,
.md-warn .md-default-theme .md-datepicker-input-container.md-datepicker-focused,
.md-warn .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #b94a48;
}

.md-icon-button+.md-datepicker-input-container {
     margin-left: 0!important; 
}

/*-------- TOOLBAR -----------*/
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #1D8FBF !important;
    color: rgba(255,255,255,0.87);
}