body {
    margin-top:20px;
    margin-bottom:20px;
    background:#eee;
}

.text-blue {
    color: var(--bs-blue) !important; /* Bootstrap blue color */
}

.text-pink {
    color: var(--bs-pink) !important; /* Bootstrap pink color */
}

.pendaftaran-form p, .pendaftaran-form h1, .pendaftaran-form h2, .pendaftaran-form h3, .pendaftaran-form h4, .pendaftaran-form h5, .pendaftaran-form h6, .pendaftaran-form ul, .pendaftaran-form ol {
    margin-bottom: .5rem;
}

.pendaftaran-form .form-floating .form-control + label, .pendaftaran-form .form-select + label {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pendaftaran-form .form-floating .form-control, .pendaftaran-form .form-select {
    padding-left: .2rem !important;
    padding-right: .2rem !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

.pendaftaran-form .form-floating .form-control:focus, .pendaftaran-form .form-select:focus {
    box-shadow: 0 2.5px 0 0 var(--bs-focus-ring-color) !important;
}

/* Add asterisk to labels for required inputs */
/* .pendaftaran-form [required] + label:after {
    content: " *";
    display: inline;
    color: var(--bs-danger);
} */

/* Ensure the asterisk remains visible */
.pendaftaran-form .form-floating > [required] + label::after {
    position: relative !important;
    content: " *" !important;
    inset: auto !important;
    color: var(--bs-danger);
}

/* input type number hide chevron buttons */
/* Chrome, Safari, Edge, Opera */
.pendaftaran-form input[type="number"]::-webkit-inner-spin-button,
.pendaftaran-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox, IE11 */
.pendaftaran-form input[type="number"] {
  appearance: textfield;
}

/* Form Check and Radio */
.form-check-input {
    /* border: var(--bs-border-width) solid var(--bs-border-color); */
    border: 2.5px solid var(--bs-secondary);
}