/* The switch - the box around the slider */
.phoenix-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: 0;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  .phoenix-switch input {
    width: 0;
    height: 0;
    position: relative;
    left: 30px; }
    .phoenix-switch input:focus {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .phoenix-switch .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .phoenix-switch input:focus + .switch-slider {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .phoenix-switch .switch-slider.bg-default {
    background-color: #ccc; }
  .phoenix-switch .switch-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s; }
  .phoenix-switch input:checked + .switch-slider:before {
    -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
            transform: translateX(26px); }
  .phoenix-switch input:not(:checked) + .switch-slider {
    background-color: #ccc !important; }
    .phoenix-switch input:not(:checked) + .switch-slider:hover {
      background-color: #aaa !important; }
  .phoenix-switch input[disabled] + .switch-slider,
  .phoenix-switch input[readonly] + .switch-slider {
    opacity: .65;
    cursor: not-allowed;
    pointer-events: none; }
  .phoenix-switch .switch-slider.slider-round {
    border-radius: .25rem; }
  .phoenix-switch .switch-slider.slider-round:before {
    border-radius: .18rem; }
  .phoenix-switch .switch-slider.slider-circle {
    border-radius: 50px; }
  .phoenix-switch .switch-slider.slider-circle:before {
    border-radius: 100px; }
  .phoenix-switch.switch-sm {
    width: 46px;
    height: 24px; }
    .phoenix-switch.switch-sm .switch-slider:before {
      height: 18px;
      width: 18px;
      left: 3px;
      bottom: 3px; }
    .phoenix-switch.switch-sm input:checked + .switch-slider:before {
      -webkit-transform: translateX(22px);
          -ms-transform: translateX(22px);
              transform: translateX(22px); }
  .phoenix-switch.switch-lg {
    width: 100px;
    height: 34px; }
    .phoenix-switch.switch-lg .switch-slider:before {
      height: 26px;
      width: 45px;
      left: 4px;
      bottom: 4px; }
    .phoenix-switch.switch-lg input:checked + .switch-slider:before {
      -webkit-transform: translateX(47px);
          -ms-transform: translateX(47px);
              transform: translateX(47px); }

.has-invalid .phoenix-switch .switch-slider {
  border: 1px solid #dc3545; }

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