select, input, textarea {
    color:var(--text-color);
    width: 100%;
    padding: 10px;
    border:solid thin var(--input-bg-color);
    background-color: var(--input-bg-color);
    /* margin-bottom:10px; */
}
select:focus, input:focus, textarea:focus {
    outline: none;
    border-color: #007bff;
}
select:disabled, input:disabled, textarea:disabled {
    background-color: var(--input-disabled-bg-color);
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="date"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"]{
    width:20px;
    height:20px;
}
label{
    display:block;
    text-align: left;
    width:100%;
}
textarea{
    resize: none;
    overflow: auto;
}
fieldset{
    padding:10px;
    border:solid thin var(--h2-color);
}
form {
    max-width:600px;
    display:block;
    margin:auto;
}
legend {
    font-size:16px;
    display:block;
    padding: 0 10px;
    letter-spacing: 1px;
    border:none;
    color:var(--h2-color);
}
button.submit, button.cancel {
    display:inline-block;
    padding:10px;
    margin:10px;
    min-width:160px;
    cursor: pointer;
    font-size: 16px;
    background-color:transparent;
    border-radius: 5px;
    border:none;
    transition: all 0.3s ease;
    color:white;
}
button.submit {
    background-color: #58a025;
}
button.submit:hover {
    background-color:#669933;
    box-shadow:
    1px 1px 6px rgba(0, 0, 0, 0.2),
    0px 2px 10px rgba(0, 0, 0, 0.15),
    0px 4px 20px rgba(0, 0, 0, 0.1);
}
button.submit:active {
    background-color:#3a6a17;
    transform: scale(0.95);
}
button.cancel {
    background-color:var(--gry-btn-bg-color);
}
button.cancel:hover {
    background-color:#53545a;
    box-shadow:
    1px 1px 6px rgba(0, 0, 0, 0.2),
    0px 2px 10px rgba(0, 0, 0, 0.15),
    0px 4px 20px rgba(0, 0, 0, 0.1);
}
button.cancel:active {
    transform: scale(0.95);
}
/* SEARCH */
input.table-search {
    font-size:16px;
    display:block;
    max-width:600px;
    margin:auto;
    padding:10px;
    padding-left:25px;
    background-color: var(--input-bg-color);
    border: none;
    border-radius: 25px;
    height: 44px;
    margin-top:10px;
    margin-bottom:10px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
}
/* LABELED CHECKBOX */
label:has(input[type="checkbox"]) {
    display: block;
    margin: 0 auto;
    text-align: center;
    pointer-events: none; /* Disable clicks on label */
}
label input[type="checkbox"] {
    display: block;
    margin: auto;
    margin-top: 10px;
    pointer-events: auto; /* Re-enable clicks on checkbox */
    cursor: pointer;
}