.yellow-site input.switch:checked::before, .yellow-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #f6b913;
}

.blue-site input.switch:checked::before, .blue-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #47adf0;
}

.green-site input.switch:checked::before, .green-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #8cc740;
}

.pink-site input.switch:checked::before, .pink-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #ed008c;
}

.orange-site input.switch:checked::before, .orange-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #F26121;
}

.other-site input.switch:checked::before, .other-site .switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  background: #8248df;
}

/* ---------- Swich  ---------- */
input.switch {
  font-size: 1.25em;
  /*<-  change size*/
  display: inline-flex;
  align-items: center;
  width: 1.65em;
  position: relative;
  margin: 0.3em 0;
  height: auto;
  cursor: pointer;
}

.switch::before {
  content: "";
  display: inline-flex;
  position: absolute;
  height: 0.8em;
  width: 1.4em;
  padding: 0 0.2em;
  background: #faf9f6;
  border: 4px solid black;
  border-radius: 1em;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
}

.switch:checked:before {
  border: 4px solid #f6b913;
}

.switch::after {
  content: "";
  display: inline-flex;
  position: absolute;
  height: 0.5em;
  width: 0.5em;
  margin: 0 0.5rem;
  border-radius: 1em;
  background: black;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
}

.switch:checked::after {
  background: white;
}

input.switch:checked::after {
  -webkit-transform: translateX(2rem);
  -moz-transform: translateX(2rem);
  transform: translateX(2rem);
}

input.switch:checked::before {
  background: #f6b913;
}

input.switch:disabled::before,
input.switch:disabled::after {
  background: #ccc;
  cursor: not-allowed;
}

/* End Swich*/
.border-yellow.form-group-sm {
  padding: 1.5rem;
}
.border-yellow.form-group-sm .info-right {
  margin-top: 1rem;
  align-self: center;
}
@media (min-width: 576px) {
  .border-yellow.form-group-sm .info-right {
    margin-top: 0;
    margin-left: 2rem;
  }
}

.switch-ui .switch-ui-label .switch-ui-inner:before {
  content: "";
}

.switch-ui .switch-ui-label .switch-ui-inner:after {
  content: "";
}

.switch-ui .switch-ui-checkbox:checked + .switch-ui-label .switch-ui-inner {
  margin-left: 0;
  background-color: #f6b913;
  color: #faf9f6;
}

.switch-ui .switch-ui-label .switch-ui-inner {
  width: 200%;
  height: 100%;
  margin-left: -100%;
  background-color: #e8e5da;
  color: #999999;
}

.switch-ui .switch-ui-label .switch-ui-switch {
  width: 20px;
  height: 20px;
  top: 7px;
  left: 11px;
}