/* Fondo para toda la página */
    body {
        background: url('/static/accounts/image/login.jpg') no-repeat center center fixed; /* Cambia esto por la URL de tu imagen de fondo */
        background-size: cover;
        height: 100vh;
    }

    .card {
        border-radius: 20px;
        overflow: hidden;
    }

    /* Estilización para el logo */
    .card-body .logo {
        display: block;
        margin: 0 auto;
        max-width: 100px; /* Ajusta el tamaño del logo */
    }

    /* Estilo para los inputs cuando son clickeados */
    .form-control:focus {
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
    }

    /* Estilo del mensaje flotante */
    .tooltip-inner {
        background-color: #007bff; /* Color de fondo del mensaje */
        color: #fff;
    }

    .tooltip.bs-tooltip-top .arrow::before {
        border-top-color: #007bff; /* Color de la flecha del mensaje */
    }

    /* Estilo del texto de error */
    .error-message {
        color: red;
        font-size: 0.875rem;
        margin-top: 5px;
    }