/* .toggle-con {
  position: relative;
  cursor: pointer;
}

.toggle-con .toggle {
  display: inline-block;
  min-width: 38px;
  max-height: 18px;
  margin: auto; 
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 14px;
} */

/* .toggle.on i::after {
  content: "\f205";
}
.toggle.off i::after {
  content: "\f204";
} */

.toggle.on {
  color: var(--bs-success);
}
.toggle.off {
  color: var(--bs-danger);
}

/* .toggle-con .toggle .toggle-circle {
  background: white;
  position: absolute;
  top: 2px;
  bottom: 2px;
  min-width: 16px;
  border-radius: 50%;
}
.toggle-con.on .toggle .toggle-circle {
  right: 1px;
}
.toggle-con.off .toggle .toggle-circle {
  left: 1px;
}

.toggle-con .text {
  display: inline-block;
  margin: auto;
  margin-left: 46px;
  font-size: 12px;
  user-select: none;
} */