.switch, .switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none
}

.switch label {
  cursor: pointer
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0
}

.switch label input[type=checkbox]:checked+.lever {
  background-color: #84c7c1
}

.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #26a69a;
  left: 24px
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease
}

input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:after, input[type=checkbox]:checked:not(:disabled)~.lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1)
}

input[type=checkbox]:not(:disabled).tabbed:focus~.lever:after, input[type=checkbox]:not(:disabled)~.lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08)
}

.switch input[type=checkbox][disabled]+.lever {
  cursor: default
}

.switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after {
  background-color: #BDBDBD
}

.scale-up {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: inline-block;
  -webkit-transform-origin: right 0px;
  -ms-transform-origin: right 0px;
  transform-origin: right 0px
}

.scale-up-left {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: inline-block;
  -webkit-transform-origin: left 0px;
  -ms-transform-origin: left 0px;
  transform-origin: left 0px
}

.show>.scale-up {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: right 0px;
  -ms-transform-origin: right 0px;
  transform-origin: right 0px
}

.show>.scale-up-left {
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform-origin: left 0px;
  -ms-transform-origin: left 0px;
  transform-origin: left 0px
}

.card {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px
}

.well, pre {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1)
}

.page-titles .justify-content-end:last-child .d-flex {
  margin-right: 10px
}

.btn-circle.right-side-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 25px;
  z-index: 10
}

@-webkit-keyframes ripple {
  0% {
      -webkit-box-shadow: 0px 0px 0px 1px transparent;
      box-shadow: 0px 0px 0px 1px transparent
  }
  50% {
      -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1)
  }
  to {
      -webkit-box-shadow: 0px 0px 0px 15px transparent;
      box-shadow: 0px 0px 0px 15px transparent
  }
}

@keyframes ripple {
  0% {
      -webkit-box-shadow: 0px 0px 0px 1px transparent;
      box-shadow: 0px 0px 0px 1px transparent
  }
  50% {
      -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1)
  }
  to {
      -webkit-box-shadow: 0px 0px 0px 15px transparent;
      box-shadow: 0px 0px 0px 15px transparent
  }
}

.bootstrap-select.btn-group .dropdown-menu {
  margin-top: -40px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1)
}

.demo-checkbox label, .demo-radio-button label {
  min-width: 200px;
  margin-bottom: 20px
}

.demo-swtich .demo-switch-title, .demo-swtich .switch {
  width: 150px;
  margin-bottom: 10px;
  display: inline-block
}

[type=checkbox]+label {
  padding-left: 26px;
  height: 25px;
  line-height: 21px;
  font-weight: normal
}

[type=checkbox]:checked+label:before {
  top: -4px;
  left: -2px;
  width: 11px;
  height: 19px
}

[type=checkbox]:checked.chk-col-red+label:before {
  border-right: 2px solid #fb3a3a;
  border-bottom: 2px solid #fb3a3a
}

[type=checkbox]:checked.chk-col-pink+label:before {
  border-right: 2px solid #E91E63;
  border-bottom: 2px solid #E91E63
}

[type=checkbox]:checked.chk-col-purple+label:before {
  border-right: 2px solid #7460ee;
  border-bottom: 2px solid #7460ee
}

[type=checkbox]:checked.chk-col-deep-purple+label:before {
  border-right: 2px solid #673AB7;
  border-bottom: 2px solid #673AB7
}

[type=checkbox]:checked.chk-col-indigo+label:before {
  border-right: 2px solid #3F51B5;
  border-bottom: 2px solid #3F51B5
}

[type=checkbox]:checked.chk-col-blue+label:before {
  border-right: 2px solid #02bec9;
  border-bottom: 2px solid #02bec9
}

[type=checkbox]:checked.chk-col-light-blue+label:before {
  border-right: 2px solid #03A9F4;
  border-bottom: 2px solid #03A9F4
}

[type=checkbox]:checked.chk-col-cyan+label:before {
  border-right: 2px solid #00BCD4;
  border-bottom: 2px solid #00BCD4
}

[type=checkbox]:checked.chk-col-teal+label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green+label:before {
  border-right: 2px solid #26c6da;
  border-bottom: 2px solid #26c6da
}

[type=checkbox]:checked.chk-col-light-green+label:before {
  border-right: 2px solid #8BC34A;
  border-bottom: 2px solid #8BC34A
}

[type=checkbox]:checked.chk-col-lime+label:before {
  border-right: 2px solid #CDDC39;
  border-bottom: 2px solid #CDDC39
}

[type=checkbox]:checked.chk-col-yellow+label:before {
  border-right: 2px solid #ffe821;
  border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-amber+label:before {
  border-right: 2px solid #FFC107;
  border-bottom: 2px solid #FFC107
}

[type=checkbox]:checked.chk-col-orange+label:before {
  border-right: 2px solid #FF9800;
  border-bottom: 2px solid #FF9800
}

[type=checkbox]:checked.chk-col-deep-orange+label:before {
  border-right: 2px solid #FF5722;
  border-bottom: 2px solid #FF5722
}

[type=checkbox]:checked.chk-col-brown+label:before {
  border-right: 2px solid #795548;
  border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey+label:before {
  border-right: 2px solid #9E9E9E;
  border-bottom: 2px solid #9E9E9E
}

[type=checkbox]:checked.chk-col-blue-grey+label:before {
  border-right: 2px solid #607D8B;
  border-bottom: 2px solid #607D8B
}

[type=checkbox]:checked.chk-col-black+label:before {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000
}

[type=checkbox]:checked.chk-col-white+label:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff
}

[type=checkbox].filled-in:checked+label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
  border-right: 2px solid #fff!important;
  border-bottom: 2px solid #fff!important
}

[type=checkbox].filled-in:checked.chk-col-red+label:after {
  border: 2px solid #fb3a3a;
  background-color: #fb3a3a
}

[type=checkbox].filled-in:checked.chk-col-pink+label:after {
  border: 2px solid #E91E63;
  background-color: #E91E63
}

[type=checkbox].filled-in:checked.chk-col-purple+label:after {
  border: 2px solid #7460ee;
  background-color: #7460ee
}

[type=checkbox].filled-in:checked.chk-col-deep-purple+label:after {
  border: 2px solid #673AB7;
  background-color: #673AB7
}

[type=checkbox].filled-in:checked.chk-col-indigo+label:after {
  border: 2px solid #3F51B5;
  background-color: #3F51B5
}

[type=checkbox].filled-in:checked.chk-col-blue+label:after {
  border: 2px solid #02bec9;
  background-color: #02bec9
}

[type=checkbox].filled-in:checked.chk-col-light-blue+label:after {
  border: 2px solid #03A9F4;
  background-color: #03A9F4
}

[type=checkbox].filled-in:checked.chk-col-cyan+label:after {
  border: 2px solid #00BCD4;
  background-color: #00BCD4
}

[type=checkbox].filled-in:checked.chk-col-teal+label:after {
  border: 2px solid #009688;
  background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green+label:after {
  border: 2px solid #26c6da;
  background-color: #26c6da
}

[type=checkbox].filled-in:checked.chk-col-light-green+label:after {
  border: 2px solid #8BC34A;
  background-color: #8BC34A
}

[type=checkbox].filled-in:checked.chk-col-lime+label:after {
  border: 2px solid #CDDC39;
  background-color: #CDDC39
}

[type=checkbox].filled-in:checked.chk-col-yellow+label:after {
  border: 2px solid #ffe821;
  background-color: #ffe821
}

[type=checkbox].filled-in:checked.chk-col-amber+label:after {
  border: 2px solid #FFC107;
  background-color: #FFC107
}

[type=checkbox].filled-in:checked.chk-col-orange+label:after {
  border: 2px solid #FF9800;
  background-color: #FF9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange+label:after {
  border: 2px solid #FF5722;
  background-color: #FF5722
}

[type=checkbox].filled-in:checked.chk-col-brown+label:after {
  border: 2px solid #795548;
  background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey+label:after {
  border: 2px solid #9E9E9E;
  background-color: #9E9E9E
}

[type=checkbox].filled-in:checked.chk-col-blue-grey+label:after {
  border: 2px solid #607D8B;
  background-color: #607D8B
}

[type=checkbox].filled-in:checked.chk-col-black+label:after {
  border: 2px solid #000000;
  background-color: #000000
}

[type=checkbox].filled-in:checked.chk-col-white+label:after {
  border: 2px solid #ffffff;
  background-color: #ffffff
}

  

.switch label {
  font-weight: normal;
  font-size: 13px
}

.switch label .lever {
  margin: 0 14px
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(251, 58, 58, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red {
  background-color: rgba(251, 58, 58, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
  background-color: #fb3a3a
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink {
  background-color: rgba(233, 30, 99, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
  background-color: #E91E63
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(116, 96, 238, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple {
  background-color: rgba(116, 96, 238, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
  background-color: #7460ee
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple {
  background-color: rgba(103, 58, 183, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after {
  background-color: #673AB7
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
  background-color: rgba(63, 81, 181, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
  background-color: #3F51B5
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(2, 190, 201, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue {
  background-color: rgba(2, 190, 201, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
  background-color: #02bec9
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue {
  background-color: rgba(3, 169, 244, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after {
  background-color: #03A9F4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
  background-color: rgba(0, 188, 212, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
  background-color: #00BCD4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal {
  background-color: rgba(0, 150, 136, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
  background-color: #009688
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 198, 218, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green {
  background-color: rgba(38, 198, 218, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
  background-color: #26c6da
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green {
  background-color: rgba(139, 195, 74, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after {
  background-color: #8BC34A
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime {
  background-color: rgba(205, 220, 57, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after {
  background-color: #CDDC39
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
  background-color: rgba(255, 232, 33, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
  background-color: #ffe821
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber {
  background-color: rgba(255, 193, 7, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after {
  background-color: #FFC107
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange {
  background-color: rgba(255, 152, 0, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
  background-color: #FF9800
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
  background-color: rgba(255, 87, 34, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
  background-color: #FF5722
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown {
  background-color: rgba(121, 85, 72, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
  background-color: #795548
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey {
  background-color: rgba(158, 158, 158, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
  background-color: #9E9E9E
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey {
  background-color: rgba(96, 125, 139, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after {
  background-color: #607D8B
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black {
  background-color: rgba(0, 0, 0, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
  background-color: #000000
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white {
  background-color: rgba(255, 255, 255, 0.5)
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
  background-color: #ffffff
}