.entity-attribute-on-off
  padding: 0
  +box-sizing(border-box)
  line-height: grid-row(2)

  input
    display: inline-block
    margin-top: grid-row(.5)
    margin-bottom: grid-row(.5)

.toggle
  position: absolute
  margin-left: -9999px
  visibility: hidden

.toggle + label.toggle-label
  display: inline-block
  position: relative
  cursor: pointer
  outline: none
  margin: 0
  top: 7px
  left: 230px
  -webkit-user-select: none
  -moz-user-select: none
  -ms-user-select: none
  user-select: none

/* Outer */
input.toggle-round-flat + label.toggle-label
  padding: 1px
  width: 29px
  height: 20px
  background-color: #dddddd
  -webkit-border-radius: 20px
  -moz-border-radius: 20px
  -ms-border-radius: 20px
  -o-border-radius: 20px
  border-radius: 20px
  -webkit-transition: background 0.4s
  -moz-transition: background 0.4s
  -o-transition: background 0.4s
  transition: background 0.4s

input.toggle-round-flat + label.toggle-label:before, input.toggle-round-flat + label.toggle-label:after
  display: block
  position: absolute
  content: ""

/* Inner */
input.toggle-round-flat + label.toggle-label:before
  top: 1px
  left: 1px
  bottom: 1px
  right: 1px
  background-color: #dddddd
  -webkit-border-radius: 20px
  -moz-border-radius: 20px
  -ms-border-radius: 20px
  -o-border-radius: 20px
  border-radius: 20px
  -webkit-transition: background 0.4s
  -moz-transition: background 0.4s
  -o-transition: background 0.4s
  transition: background 0.4s

/* Circle */
input.toggle-round-flat + label.toggle-label:after
  top: 2px
  left: 2px
  bottom: 2px
  width: 16px
  background-color: #fff
  -webkit-border-radius: 19px
  -moz-border-radius: 19px
  -ms-border-radius: 19px
  -o-border-radius: 19
  border-radius: 19px
  -webkit-transition: margin 0.4s, background 0.4s
  -moz-transition: margin 0.4s, background 0.4s
  -o-transition: margin 0.4s, background 0.4s
  transition: margin 0.4s, background 0.4s

input.toggle-round-flat:checked + label.toggle-label
  background-color: #8ce196

input.toggle-round-flat:checked + label.toggle-label:before
  background-color: #8ce196

input.toggle-round-flat:checked + label.toggle-label:after
  margin-left: 11px
  background-color: #ffffff