/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-switch {
  width: auto;
  margin: 16px 8px 16px 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.md-switch .md-switch-container {
    width: 34px;
    height: 14px;
    position: relative;
    border-radius: 14px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: rgba(0, 0, 0, 0.38);
}
.md-switch .md-switch-container .md-switch-thumb {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 0;
      background-color: #fafafa;
      border-radius: 50%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
      transition: all 0.15s linear;
}
.md-switch .md-switch-container input {
      position: absolute;
      left: -999em;
}
.md-switch .md-switch-container .md-ink-ripple {
      top: -16px;
      right: -16px;
      bottom: -16px;
      left: -16px;
      border-radius: 50%;
      color: rgba(0, 0, 0, 0.54);
}
.md-switch .md-switch-container .md-ink-ripple .md-ripple {
        width: 48px !important;
        height: 48px !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
}
.md-switch .md-switch-container .md-switch-holder {
      width: 40px;
      height: 40px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
      background: none;
      border: none;
      transform: translate(-50%, -50%);
}
.md-switch .md-switch-container .md-switch-holder:focus {
        outline: none;
}
.md-switch .md-switch-label {
    height: 14px;
    padding-left: 8px;
    line-height: 14px;
}
.md-switch.md-dragging .md-switch-thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.md-switch.md-disabled .md-switch-thumb {
  cursor: default;
}

/*# sourceMappingURL=index.css.map*/