input[type="text"] {width: 100%; border: 1px solid rgba(var(--color_1), 0.30); border-radius: 5px; padding: 10px 10px; font-size: 14px;}
input[type="text"]:focus {border: 1px solid rgba(var(--color_1), 0.75);}

input[type="number"] {width: 100%; border: 1px solid rgba(var(--hitam), 0.20); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="number"]:focus {border: 1px solid rgba(var(--biru_1), 1.00);}

input[type="file"] {width: 100%; border: 1px solid rgba(var(--hitam), 0.20); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="file"]:focus {border: 1px solid rgba(var(--biru_1), 1.00);}

input[type="password"] {width: 100%; border: 1px solid rgba(var(--hitam), 0.20); border-radius: 5px; padding: 10px 10px; font-size: 12px;}
input[type="password"]:focus {border: 1px solid rgba(var(--biru_1), 1.00);}

textarea {width: 100%; border: 1px solid rgba(var(--hitam), 0.20); border-radius: 5px; padding: 10px 10px; font-size: 12px; resize: vertical;}
textarea:focus {border: 1px solid rgba(var(--biru_1), 1.00);}

select {width: 100%; border: 1px solid rgba(var(--hitam), 0.20); border-radius: 5px; padding: 10px 10px; font-size: 12px; cursor: pointer; background: rgba(var(--putih), 1.00);}
select:focus {border: 1px solid rgba(var(--biru_1), 1.00);}

input:disabled {background: rgba(var(--hitam), 0.10); color: rgba(var(--hitam), 0.50);}
input:read-only {background: rgba(var(--putih), 1.00); cursor: pointer;}
select:disabled {background: rgba(var(--hitam), 0.10); color: rgba(var(--hitam), 0.50);}

.waktu {background: rgba(var(--putih), 1.00) !important; color: rgba(var(--hitam), 0.80) !important; text-align: center; cursor: pointer;}