/* Style untuk input, text, select, number, date */
input[type="text"],
input[type="number"],
input[type="date"],
select {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
}

/* Style untuk label */
label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

/* Style untuk form */
.form_content {
    border-radius: 5px;
    padding: 20px;
}

/* Style untuk kolom label dengan panjang 30% */
.col-30 {
    float: left;
    width: 30%;
    margin-top: 6px;
}

/* Style untuk kolom input dengan panjang 70% */
.col-70 {
    float: left;
    width: 70%;
    margin-top: 6px;
}

/* Menghapus float setelah kolom */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Tata letak responsif - ketika layar kurang dari 600px lebar, membuat dua kolom menumpuk di atas satu sama lain alih-alih bersebelahan */
@media screen and (max-width: 600px) {
    .col-30,
    .col-70,
    input[type="submit"] {
        width: 100%;
        margin-top: 0;
    }
}

.hitung::-webkit-inner-spin-button,
.hitung::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-number-input input:focus {
    outline: none !important;
}

.custom-number-input button:focus {
    outline: none !important;
}