/*body, html {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif; } */

/* .container-fluid {
  padding: 0; } */

*[primary] {
  background: rgba(0, 150, 255, 0.8); }

*:focus {
  outline: none !important;
  border-color: none;
  box-shadow: none; }

.slide-toggle {
  position: absolute;
  opacity: 0;
  cursor: pointer; }
  .slide-toggle + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    cursor: pointer; }
  .slide-toggle:hover + label:before {
    background: lightgray; }
  .slide-toggle:focus + label:before {
    background: initial; }
  .slide-toggle:checked + label:before {
    background: initial; }

.blip, .r-blip {
  height: 10px;
  width: 10px;
  z-index: 100;
  position: absolute;
  border-radius: 50%;
  top: 7px;
  left: 5px;
  background: rgba(0, 150, 255, 0.5);
  transform: scale(0); }
  .blip.blipped, .r-blip.blipped {
    animation: blipp 500ms ease; }

@keyframes blipp {
  to {
    transform: scale(5);
    opacity: .3; } }
.toggle {
  height: 22px;
  width: 22px;
  z-index: 100;
  position: absolute;
  border-radius: 50%;
  top: -2px;
  left: -2px;
  background: #0096ff; }
  .toggle.checked {
    left: 18px; }

.toggle-2 {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 40px;
  height: 15px;
  border-radius: 8px;
  background-color: lightgray; }
  .toggle-2.sel-outer {
    background-color: rgba(0, 150, 255, 0.8); }

.toggle-selector {
  height: 22px;
  width: 22px;
  z-index: 100;
  position: absolute;
  border-radius: 50%;
  top: -2px;
  left: -2px;
  background-color: gray;
  cursor: pointer;
  transition: all 300ms ease; }
  .toggle-selector.sel-inner {
    left: 20px;
    transition: all 300ms ease;
    background-color: #e77817; }

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