/*INPUTS*/

.hide-label .label,
.hide-label label{
  display: none;
}

.hide-description .description{
  display: none;
}

.hide-legend fieldset{
  border:unset;
  margin:0;
  padding: 0;
}
.hide-legend legend{
  display: none;
}


/* CHECKBOXES */
.form-pda .form-pda-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.form-pda .form-pda-checkboxes .form-type-checkbox {
  position: relative;
  display: inline-block;
  margin: unset !important;
}

.form-pda .form-pda-checkboxes .form-type-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-pda .form-pda-checkboxes .form-type-checkbox label.option {
  display: inline-block;
  padding: 5px 10px;
  background-color: #1a1a1a;
  color: #898A7E;
  border: 1px solid;
  border-color: var(--color-black-300) !important;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  white-space: nowrap;
}

.form-pda .form-pda-checkboxes .form-type-checkbox label.option:hover {
  border-color: #666;
  background-color: #222;
}

.form-pda .form-pda-checkboxes .form-type-checkbox:has(input:checked) label.option,
.form-pda .form-pda-checkboxes .form-type-checkbox input:checked ~ .pb-3 label.option,
.form-pda .form-pda-checkboxes .form-type-checkbox input:checked + label.option {
  border-color: var(--color-black-300) !important;
  background-color: var(--color-black-300);
  color: white !important;
}

.form-pda .form-pda-checkboxes .form-item__label {
  margin: 4px;
}


.cs-small-date{

}

.cs-small-tag{
  background-color: var(--color-black-300);
  color: white;
  border:1px solid var(--color-gray);
  border-radius: 1px;
  margin:2px;
  padding: 4px;
}