.d-none {
    display: none !important;
}

.qr-code-container {
    text-align: center;
    margin-bottom: 20px;
}

    .qr-code-container img {
        max-width: 45%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

.panel-body {
    padding: 20px;
}

.support_mail {
    margin-top: 20px;
    font-size: 12px;
}

    .support_mail a {
        color: #003963;
    }

.login-page {
    font-size: 12px;
    text-decoration: none;
}

/* NEW STYLES FOR VERIFICATION CODE INPUTS */
.verification-code-container {
    display: flex; /* Arrange inputs in a row */
    justify-content: center; /* Center the inputs horizontally */
    gap: 10px; /* Space between each input box */
    margin-top: 20px; /* Space above the inputs */
    margin-bottom: 20px; /* Space below the inputs */
}

.code-input {
    width: 45px; /* Adjust as needed for desired box size */
    height: 45px; /* Make height equal to width for a square */
    text-align: center; /* Center the text inside the input */
    font-size: 24px; /* Adjust font size for visibility */
    border: 1px solid #ced4da; /* Light grey border matching Bootstrap defaults */
    border-radius: 8px; /* Rounded corners */
    outline: none; /* Removes the default focus outline */
    -moz-appearance: textfield; /* For Firefox to hide spinner buttons */
    /* Remove default Bootstrap form-control padding if applied */
    padding: 0;
}

    .code-input:focus {
        border-color: #003963; /* Darker blue border on focus */
        box-shadow: 0 0 0 0.2rem rgba(0, 57, 99, 0.25); /* Subtle shadow on focus */
    }

/* Hide arrow buttons for number inputs in WebKit browsers (Chrome, Safari) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.validation-summary-errors ul {
    list-style: none; /* remove default bullet */
    padding-left: 0;
    margin: 0;
}

.validation-summary-errors li::before {
    content: "* ";
    color: #dc3545; /* Bootstrap red */
    font-weight: bold;
}

.validation-summary-errors li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.validation-summary-errors {
    margin-bottom: -1.75rem;
}