.checkbox {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #505050;
  vertical-align: middle;
}

.checkbox-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  min-width: 17px;
  min-height: 17px;
  border-radius: 2px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #A0A0A0;
  transition: all 250ms ease-in-out;
  background-color: #FFFFFF;
}

.checkbox input {
  display: none;
  position: absolute;
  z-index: -1;
}

.checkbox-box i {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  color: #222;
}

.checkbox[data-checked] .checkbox-box i {
  display: flex;
}

.checkbox[data-disabled] .checkbox-box {
  border: 1px solid #C0C0C0 !important;
  background-color: #EEEEEE !important;
}

.checkbox[data-disabled] .checkbox-box i {
  color: #A0A0A0 !important;
}

.checkbox-text {
  display: inline-block;
  line-height: 1.2;
}

.checkbox:active {
  
}

.checkbox[data-checked] i {
  display: inline-block;
}

.checkbox[data-disabled] {
  border: 1px solid #C0C0C0 !important;
  background-color: #EEEEEE !important;
}

.checkbox[data-disabled] i {
  color: #A0A0A0 !important;
}