/** progress bar **/

.ProgressBar_text {
  font-weight: 500;
}
.stockProgressBar_des {
  margin-top: 7px;
  margin-left: 4px;
  font-size: 14px;
}

/* end */
.switch_btn_outer {
  position: relative;
  width: 110px;
  height: 30px !important;
  border: 2px solid #cedefd;
  border-radius: 21px;
  overflow: hidden;
}

.switch_btn_outer.switch_b {
  border-radius: 100px;
}

.switch_btn_outer .layer {
  border-radius: 100px;
}

.switch_btn_outer .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.switch_btn_outer .knobs {
  z-index: 2;
}

.switch_btn_outer .layer {
  width: 100%;
  height: inherit;
  position: absolute;
  top: 0;
  background-color: #e4e4e4;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 0;
}

.switch_btn_outer#switch_btn_inner .knobs:before,
.switch_btn_outer#switch_btn_inner .knobs:after,
.switch_btn_outer#switch_btn_inner .knobs span {
  position: absolute;
  top: 0px;
  width: 52px;
  height: 12px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 0.8;
  padding: 9px 4px;
  border-radius: 71px;
  -webkit-transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.switch_btn_outer#switch_btn_inner .knobs:before {
  content: "OFF";
  left: 0px;
  color: #ffffff;
  z-index: 2;
}

.switch_btn_outer#switch_btn_inner .knobs:after {
  content: "ON";
  right: -42px;
  color: #ffffff;
  z-index: 2;
}

.switch_btn_outer#switch_btn_inner .knobs span {
  left: 0px;
  background-color: #808080;
  z-index: 1;
}

.switch_btn_outer#switch_btn_inner .checkbox:checked + .knobs:before {
  left: -42px;
}

.switch_btn_outer#switch_btn_inner .checkbox:checked + .knobs:after {
  right: 0px;
}

.switch_btn_outer#switch_btn_inner .checkbox:checked + .knobs span {
  left: 50px;
  background-color: #0066ff;
}

.switch_btn_outer#switch_btn_inner .checkbox:checked ~ .layer {
  background-color: #e4e4e4;
}

@media only screen and (max-width: 991px) {
  .switch_btn_outer {
    width: 75px;
  }
  .switch_btn_outer#switch_btn_inner .knobs:before {
    width: 35px;
  }
  .switch_btn_outer#switch_btn_inner .knobs:after {
    width: 35px;
  }
  .switch_btn_outer#switch_btn_inner .knobs span {
    width: 35px;
  }
  .switch_btn_outer#switch_btn_inner .checkbox:checked + .knobs span {
    left: 32px;
  }
  .visibility_settings_inputs {
    max-width: 100% !important;
    -ms-grid-columns: 2.5fr 0.4fr 0.1fr !important;
    grid-template-columns: 2.5fr 0.4fr 0.1fr !important;
    grid-gap: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .visibility_settings_inputs {
    padding: 15px 20px !important;
    grid-gap: 15px !important;
  }
}
@media only screen and (max-width: 575px) {
  .visibility_settings_inputs {
    -ms-grid-columns: (1fr) [1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
    padding: 15px !important;
    grid-gap: 15px !important;
  }
}