/* Checkbox custom green */
input[type="checkbox"] {
  position: relative;
  width: 14px;
  height: 14px;
  color: var(--black);
  border: 1px solid #B9B9B9;
  border-radius: 0.25rem;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  /* Adicionando dimensões fixas */
  box-sizing: border-box; /* Inclui o padding e a border dentro do width e height */
  flex-shrink: 0; /* Previne que o tamanho do checkbox seja alterado em layouts flexíveis */
}
input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 3px;
  width: 6px;
  height: 8px;
  border-style: solid;
  border-color: white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
input[type="checkbox"]:checked {
  color: white;
  border-color: green;
  background: green;
}
input[type="checkbox"]:checked::before {
  opacity: 1;
}
/* Adicionando suporte para diferentes tamanhos de fontes e layouts */
input[type="checkbox"] {
  font-size: 0; /* Garante que o tamanho da fonte não afete o tamanho do checkbox */
  margin-right: 8px !important;
}


/* Checkbox TAMANHO CUSTOM */
input[special="cheboxlist"] {
  position: relative;
  width: 16px;
  height: 16px;
  color: var(--black);
  border: 1px solid #B9B9B9;
  border-radius: 0.25rem;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  /* Adicionando dimensões fixas */
  box-sizing: border-box; /* Inclui o padding e a border dentro do width e height */
  flex-shrink: 0; /* Previne que o tamanho do checkbox seja alterado em layouts flexíveis */
  vertical-align: middle;
  margin-top: -2px; 

}

input[special="cheboxlist"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 3px;
  width: 8px;
  height: 10px;
  border-style: solid;
  border-color: white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
input[special="cheboxlist"]:checked {
  color: white;
  border-color: green;
  background: green;
}
input[special="cheboxlist"]:checked::before {
  opacity: 1;
}
/* Adicionando suporte para diferentes tamanhos de fontes e layouts */
input[special="cheboxlist"] {
  font-size: 0; /* Garante que o tamanho da fonte não afete o tamanho do checkbox */
  margin-right: 8px !important;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 5px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: green;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  color: white;
  content: "\2713"; /* Unicode for checkmark */
}
.custom-checkbox .custom-control-input ~ .custom-control-label::after {
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -.5em;
}

.toggle-wrapper {
  display: flex;
}

.field_disabled_value {
  color: #888888 !important;
}
