/**
  This restyle all input, checkbox, select, radio and textarea elements (after resetting them with tailwind)
  We cannot use the @apply directive here because it will override the tailwind classes
 */
input, select, textarea {
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"], input[type="radio"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="radio"] {
    border-radius: 0.25rem;
    background-color: #fff;
    color: #2d3748;
    font-size: 1rem;
    line-height: 1.5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}





/* -- custom -- */
/* Only add asterisk to main field labels (text, textarea, select), not to radio/checkbox option labels */
/* Exclude labels that are associated with radio/checkbox inputs by checking their 'for' attribute */
/*label.required:not([for*="_radio"]):not([for*="_checkbox"]):not([for*="[radio"]):not([for*="[checkbox"]):not(:has(input[type="radio"])):not(:has(input[type="checkbox"])):before {*/
/*    content: "* ";*/
/*}*/