/* CAPTCHA Container Styling */
.captcha-container {
    margin: 15px 0;
}

.captcha {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 8px 12px;
    font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 3px;
    margin-right: 10px;
    border-radius: 3px;
    text-decoration: line-through;
}

.restart {
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
}

    .restart a {
        font-weight: 700;
        color: #003366 !important;
        text-decoration: none;
        font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

        .restart a:hover {
            color: #002244 !important;
            text-decoration: underline;
        }

.captcha-input-container {
    display: inline-block;
    margin-top: 10px;
}

.inputCapcha {
    padding: 6px 12px;
    border: 2px solid #757575;
    border-radius: 4px;
    font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    width: 200px;
    margin-right: 10px;
}

    .inputCapcha:focus {
        border-color: #0d6efd;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }

#errCaptcha {
    font-size: 12px;
    margin-top: 5px;
    font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.verificationError {
    color: #dc3545;
}

.verificationSuccess {
    color: #198754;
}

/* Uppercase hint text */
.captcha-hint {
    font-family: 'Source Sans Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: #666;
}