.onair-bottom-detail{
  width: 200px;
  /* border: 1px solid red !important; */
}
#label-toggle-onair-bottom-detail,
#label-toggle-onair-asset-gerak,
#label-toggle-onair-asset-gerak-edit{
  color: var(--black-color) !important;
}

/*------------------------------
			//toggle
------------------------------*/

.toggle {
  display: block;
  position: relative;
  background: none;
  margin: 0 0 0.5em 0;
  height: 25px;
}

.toggle input[type="checkbox"] {
  opacity: 0 !important;
  cursor: pointer;
}

.toggle input[type="checkbox"]+label {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 4em;
  color: #000;
}

.toggle input[type="checkbox"]+label:before {
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0.25rem;
  left: 0;
  content: '';
  width: 2.25rem;
  height: 0.75rem;
  background-color: var(--main-color);
  border-radius: 0.5rem;
}

.toggle input[type="checkbox"]:checked+label:before {
  background-color: #00b5ad;
}

.toggle input[type="checkbox"]+label:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), ;
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  position: absolute;
  top: 0rem;
  left: 0.0rem;
  width: 1.25rem;
  height: 1.25rem;
  content: '';
  font-size: 0.75em;
  background-color: var(--white-color);
  border-radius: 500rem;
  border: 2px solid var(--main-color);
}

.toggle input[type="checkbox"]:checked+label:after {
  transform: translateX(1.1rem);
  border: 2px solid #00b5ad;
}

.toggle.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.toggle.red input[type="checkbox"]:checked+label:before {
  background: #db2828;
}

.toggle.orange input[type="checkbox"]:checked+label:before {
  background: #f47222;
}

.toggle.yellow input[type="checkbox"]:checked+label:before {
  background: #fbbd08;
}

.toggle.olive input[type="checkbox"]:checked+label:before {
  background: #b5cc18;
}

.toggle.green input[type="checkbox"]:checked+label:before {
  background: var(--green-color);
}

.toggle.teal input[type="checkbox"]:checked+label:before {
  background: #00b5ad;
}

.toggle.blue input[type="checkbox"]:checked+label:before {
  background: #2185d0;
}

.toggle.dark-blue input[type="checkbox"]:checked+label:before {
  background: #2c3e50;
}

.toggle.violet input[type="checkbox"]:checked+label:before {
  background: #6435c9;
}

.toggle.purple input[type="checkbox"]:checked+label:before {
  background: #a333c8;
}

.toggle.pink input[type="checkbox"]:checked+label:before {
  background: #e03997;
}

.toggle.brown input[type="checkbox"]:checked+label:before {
  background: #a5673f;
}

.toggle.grey input[type="checkbox"]:checked+label:before {
  background: #767676;
}

.toggle.black input[type="checkbox"]:checked+label:before {
  background: #1b1c1d;
}

.toggle.red input[type="checkbox"]:checked+label:after {
  border: 2px solid #db2828
}

.toggle.orange input[type="checkbox"]:checked+label:after {
  border: 2px solid #f47222
}

.toggle.yellow input[type="checkbox"]:checked+label:after {
  border: 2px solid #fbbd08
}

.toggle.olive input[type="checkbox"]:checked+label:after {
  border: 2px solid #b5cc18
}

.toggle.green input[type="checkbox"]:checked+label:after {
  border: 2px solid var(--green-color)
}

.toggle.teal input[type="checkbox"]:checked+label:after {
  border: 2px solid #00b5ad
}

.toggle.blue input[type="checkbox"]:checked+label:after {
  border: 2px solid #2185d0
}

.toggle.dark-blue input[type="checkbox"]:checked+label:after {
  border: 2px solid #2c3e50
}

.toggle.violet input[type="checkbox"]:checked+label:after {
  border: 2px solid #6435c9
}

.toggle.purple input[type="checkbox"]:checked+label:after {
  border: 2px solid #a333c8
}

.toggle.pink input[type="checkbox"]:checked+label:after {
  border: 2px solid #e03997
}

.toggle.brown input[type="checkbox"]:checked+label:after {
  border: 2px solid #a5673f
}

.toggle.grey input[type="checkbox"]:checked+label:after {
  border: 2px solid #767676
}

.toggle.black input[type="checkbox"]:checked+label:after {
  border: 2px solid #1b1c1d
}