.custom-toggle .custom-control-label::before {
  display: none;
}

.toggle-container {
  display: flex;
  align-items: center;
}
.toggle-container.toggle-lg .toggle {
  height: 1.25rem;
  width: 3.5rem;
}
.toggle-container.toggle-lg .toggle .handle {
  height: 2rem;
  width: 2rem;
  left: 2rem;
  margin-left: -2rem;
  font-size: 1.5rem;
}
.toggle-container .toggle {
  margin-bottom: 0;
  position: relative;
  height: 1rem;
  width: 2.5rem;
  border-radius: 1rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  transition: linear 0.2s, background-color linear 0.2s;
  background-color: #d0d0d0;
}
.toggle-container .toggle input {
  display: none;
}
.toggle-container .toggle:hover .handle {
  background-color: #194b6c;
}
.toggle-container .toggle:focus-visible {
  outline: none;
}
.toggle-container .toggle:focus-visible .handle {
  background-color: #194b6c;
  outline: 2px solid #194b6c;
  box-shadow: inset 0 0 0 2px #58bbff !important;
}
.toggle-container .toggle:focus-visible.checked .handle {
  outline: 2px solid #175f5c;
  box-shadow: inset 0 0 0 2px #81E5CC !important;
}
.toggle-container .toggle .handle {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.25rem;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: linear 0.15s, background-color linear 0.15s;
  position: absolute;
  left: 1.5rem;
  margin-left: -1.5rem;
  cursor: pointer;
  background-color: #142d3e;
  color: #ffffff;
  font-size: 1rem;
}
.toggle-container .toggle {
  /* When toggle is checked */
}
.toggle-container .toggle.checked {
  justify-content: flex-start;
  background-color: #aed8d6;
}
.toggle-container .toggle.checked .handle {
  left: 100%;
  background-color: #277c78;
}
.toggle-container .toggle.checked:hover .handle, .toggle-container .toggle.checked:focus .handle {
  background-color: #175f5c;
}
.toggle-container .toggle {
  /* When togle is disabled */
}
.toggle-container .toggle.disabled {
  cursor: not-allowed;
}
.toggle-container .toggle.disabled .handle {
  background-color: #828B8E;
  cursor: not-allowed;
}
.toggle-container .toggle.disabled:hover .handle, .toggle-container .toggle.disabled:focus .handle {
  background-color: #828B8E;
  box-shadow: none;
}
.toggle-container .toggle.disabled.checked .handle {
  background-color: #6EB2AF;
}
.toggle-container .toggle.disabled.checked:hover .handle, .toggle-container .toggle.disabled.checked:focus .handle {
  background-color: #6EB2AF;
  box-shadow: none;
}
.toggle-container .toggle-label {
  margin-left: 0.5rem;
  margin-bottom: 0;
  line-height: 26px;
}
.toggle-container .toggle-label:hover {
  cursor: pointer;
}