/*
 * The bar:
 */

md-switch .md-bar {
    background-color: orange; /* set not selected bar color */

}

md-switch.md-checked .md-bar {
    background-color: green;
    /* set selected bar color */
}

md-switch[disabled] .md-bar {
    background-color: rgba(51, 51, 51, .15); /* set disabled bar color */
}

/*
 * The switch:
 */

md-switch .md-thumb {
    color: rgb(158,158,158); /* not selected switch color */
}

md-switch.md-checked .md-thumb {
    background-color: rgb(255,255,255); /* selected switch color */
}

md-switch[disabled] .md-thumb {
    background-color: rgb(255,255,255); /* disabled switch color */
}

/*
 * Ripple effect
 */

md-switch .md-ink-ripple {
    color: rgb(255, 0, 0); /* not selected switch ripple color */
}
md-switch.md-checked .md-ink-ripple {
    color: rgb(92,184,92);
   /* selected switch ripple color */
}


md-switch.inline-label .md-bar::before {
    position: absolute;
    font-size: 9px;
    line-height: 13px;
    color:white;
    content: "off";
    right: 0;
    padding-right: 3px;
}

md-switch.inline-label.md-checked .md-bar::before {
    content: "on";
    color:white;
    left: 0;
    padding-left: 3px;
}



.widget-name
{
    padding-top: 20px;
}