/*This css file is dedicated to applying global overwrites to ng-material elements appearing appwide for colors*/
/*
    course themes
    icons
    silders
    md_input_containers (inc select)
    buttons
*/
/*course themes*/
.LivingFree-spinner svg path {
    stroke: #006761;
}

.LivingLean-spinner svg path {
    stroke: #155A92;
}

.LivingEasy-spinner svg path {
    stroke: #AE1E55;
}

.LivingSmart-spinner svg path {
    stroke: #597B28;
}

.LivingFit-spinner svg path {
    stroke: #B53100;
}

.LivingWell-spinner svg path {
    stroke: #902A8C;
}

.LivingWellRested-spinner svg path {
    stroke: #514D90;
}

.LivingHealthy-spinner svg path {
    stroke: #106935;
}

.LivingClear-spinner svg path {
    stroke: #0060A4;
}

.course-player-play-icon {
    opacity: 0.6;
    background-color: white;
    border-radius: 50%;
}

.LivingFree-play {
    color: #006761;
}

.LivingLean-play {
    color: #155A92;
}

.LivingEasy-play {
    color: #AE1E55;
}

.LivingSmart-play {
    color: #597B28;
}

.LivingFit-play {
    color: #B53100;
}

.LivingWell-play {
    color: #902A8C;
}

.LivingWellRested-play {
    color: #514D90;
}

.LivingHealthy-play {
    color: #106935;
}

.LivingClear-play {
    color: #0060A4;
}

/*sliders*/
md-progress-linear.md-ShwTheme-theme .md-container {
    background-color: rgb(187,222,251);
}

/*md_input_containers*/
.shw-input,
md-input-container.shw-border input.md-input,
md-select.md-ShwTheme-theme .md-select-value.md-select-placeholder {
    color: #767676;
}

md-input-container.md-ShwTheme-theme.md-input-invalid label {
    color: #767676;
}

md-input-container.md-ShwTheme-theme.md-input-invalid .md-input,
md-input-container.md-ShwTheme-theme.md-input-invalid md-select,
md-input-container.md-ShwTheme-theme .md-input.md-input-invalid-direct {
    border-color: #ccc;
    border-left-color: #9A0659 !important;
    border-left-width: 6px !important;
    border-radius: 5px;
    padding-left: 3px;
}

md-select.md-ShwTheme-theme.ng-invalid.ng-touched .md-select-value {
    color: #252525 !important;
}

md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
    border-width: 1px;
}

md-input-container.md-ShwTheme-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-ShwTheme-theme:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #ccc;
}

/*buttons*/
.md-button:not([disabled]).md-raised:active {
    box-shadow: none;
}

.md-button.md-ShwTheme-theme.shw-primary {
    box-shadow: none;
    background-color: #155A92;
    color: #FFF;
}

.md-button.md-ShwTheme-theme.shw-primary:not([disabled]):hover,
.md-button.md-ShwTheme-theme.shw-primary:not([disabled]):focus  {
    background-color: #FFF;
    color: #155A92;
    border-color: #155A92;
}

.md-button.md-ShwTheme-theme.shw-grey {
    box-shadow: none;
    background-color: #EBEBEB;
    color: #555;
    border: 2px solid #EBEBEB;
}

.md-button.md-ShwTheme-theme.shw-grey:not([disabled]):hover,
.md-button.md-ShwTheme-theme.shw-grey:not([disabled]):focus  {
    background-color: #FFF;
    border-color: #EBEBEB;
    color: #555;
}

/*misc*/
.shw-input-error {
    color: #9A0659 !important;
}

.shw-input-warn {
    color: #ff9802 !important;
}