.dnxte_content_toggle input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

.dnxte_content_toggle .dnxte-toggle-container .dnxte-toggle-inner {
  background-color: #8a2ecc;
}

.dnxte_content_toggle .dnxte-toggle-title-left,
.dnxte_content_toggle .dnxte-toggle-title-right {
  padding: 0;
  margin: 0;
}

.dnxte_content_toggle .dnxte-toggle-container .dnxte-toggle-container-front,
.dnxte_content_toggle .dnxte-toggle-container .dnxte-toggle-container-back {
  padding: 0;
}

.dnxte_content_toggle .dnxte-toggle-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.dnxte_content_toggle
  .dnxte-toggle-switch:checked
  + .dnxte-toggle-inner::before {
  transform: translateX(2.1em);
}

.dnxte_content_toggle .dnxte-toggle-container-front,
.dnxte_content_toggle .dnxte-toggle-container-back,
.dnxte_content_toggle .dnxte-toggle-inner,
.dnxte_content_toggle .dnxte-toggle-inner::before {
  border: 0px solid #2857b6;
}

.dnxte_content_toggle .dnxte-toggle-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.4s;
}

.dnxte_content_toggle .dnxte-toggle-left-panel {
  margin-right: 24px;
  cursor: pointer;
}

.dnxte_content_toggle .dnxte-toggle-right-panel {
  margin-left: 24px;
  cursor: pointer;
}

.dnxte_content_toggle .dnxte-toggle-wrapper label {
  cursor: pointer;
}

.dnxte-toggle-btn {
  align-items: center;
  font-size: 16px;
}

.dnxte_content_toggle .dnxte-toggle-label {
  width: 4.5em;
  height: 2.3em;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}

.dnxte_content_toggle .dnxte-toggle-label .dnxte-toggle-switch {
  display: none;
}

.dnxte_content_toggle .dnxte-toggle-container .dnxte-toggle-inner::before {
  background-color: #266de8;
}

.dnxte_content_toggle .dnxte-toggle-inner::before {
  position: absolute;
  content: "";
  width: 1.8em;
  height: 1.8em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  transition: all 0.4s;
}

.dnxte_content_toggle
  .dnxte-toggle-container
  .dnxte-toggle-switch:checked
  + .dnxte-toggle-inner {
  background-color: #2ecc71;
}

.dnxte_content_toggle .dnxte_switch_alignment_left {
  justify-content: flex-start;
}

.dnxte_content_toggle .dnxte_switch_alignment_center {
  justify-content: center;
}

.dnxte_content_toggle .dnxte_switch_alignment_right {
  justify-content: flex-end;
}

@media (max-width: 980px) {
  .dnxte_content_toggle .dnxte_switch_alignment_tablet_left {
    justify-content: flex-start;
  }

  .dnxte_content_toggle .dnxte_switch_alignment_tablet_center {
    justify-content: center;
  }

  .dnxte_content_toggle .dnxte_switch_alignment_tablet_right {
    justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .dnxte_content_toggle .dnxte_switch_alignment_phone_left {
    justify-content: flex-start;
  }

  .dnxte_content_toggle .dnxte_switch_alignment_phone_center {
    justify-content: center;
  }

  .dnxte_content_toggle .dnxte_switch_alignment_phone_right {
    justify-content: flex-end;
  }
}