/* Magic Login Form Styles - High Specificity to Override Theme CSS */
        .shairpoint-magic-login-container .magic-login-intro {
            max-width: 400px !important;
            margin: 0 auto 20px !important;
            padding: 15px !important;
            background-color: #e7f3fe !important;
            border: 1px solid #b3d4fc !important;
            border-radius: 8px !important;
            color: #31708f !important;
            font-size: 14px !important;
            text-align: center !important;
            box-sizing: border-box !important;
        }

        .shairpoint-magic-login-container .magic-login-logo {
            max-width: 150px !important;
            margin: 0 auto 20px !important;
            display: block !important;
        }

        /* Form container with high specificity */
        .shairpoint-magic-login-container #magic-login-form {
            max-width: 400px !important;
            margin: 0 auto !important;
            padding: 20px !important;
            border: 1px solid #ddd !important;
            border-radius: 8px !important;
            background-color: #f9f9f9 !important;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
        }

        .shairpoint-magic-login-container #magic-login-form * {
            box-sizing: border-box !important;
        }

        .shairpoint-magic-login-container #magic-login-form label {
            font-weight: bold !important;
            display: block !important;
            margin-bottom: 8px !important;
            color: #333 !important;
            font-size: 14px !important;
        }

        .shairpoint-magic-login-container #magic-login-form input[type="email"] {
            width: 100% !important;
            padding: 10px !important;
            margin-bottom: 15px !important;
            border-radius: 4px !important;
            border: 1px solid #ccc !important;
            box-sizing: border-box !important;
            font-size: 14px !important;
            font-family: inherit !important;
            background-color: #fff !important;
        }

        .shairpoint-magic-login-container #magic-login-form input[type="email"]:focus {
            outline: none !important;
            border-color: #4CAF50 !important;
            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2) !important;
        }

        .shairpoint-magic-login-container #magic-login-form .submit {
            text-align: center !important;
        }

        .shairpoint-magic-login-container #magic-login-form input[type="submit"] {
            width: 100% !important;
            padding: 10px !important;
            background-color: #4CAF50 !important;
            border: none !important;
            color: white !important;
            font-size: 16px !important;
            border-radius: 4px !important;
            cursor: pointer !important;
            font-family: inherit !important;
            font-weight: bold !important;
            transition: background-color 0.3s ease !important;
        }

        .shairpoint-magic-login-container #magic-login-form input[type="submit"]:hover {
            background-color: #45a049 !important;
        }

        .shairpoint-magic-login-container #magic-login-form input[type="submit"]:focus {
            outline: none !important;
            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.3) !important;
        }

        .shairpoint-magic-login-container #magic-login-message {
            margin-top: 15px !important;
            font-weight: bold !important;
            color: #333 !important;
            text-align: center !important;
            font-size: 14px !important;
        }

        .shairpoint-magic-login-container .loading-spinner {
            display: none;
            margin: 10px auto !important;
            border: 4px solid #f3f3f3 !important;
            border-top: 4px solid #4CAF50 !important;
            border-radius: 50% !important;
            width: 30px !important;
            height: 30px !important;
            animation: magic-login-spin 1s linear infinite !important;
        }

        @keyframes magic-login-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .shairpoint-magic-login-container .success-message {
            color: #155724 !important;
            background-color: #d4edda !important;
            border: 1px solid #c3e6cb !important;
            padding: 10px !important;
            border-radius: 4px !important;
            margin-top: 15px !important;
            font-size: 14px !important;
        }

        .shairpoint-magic-login-container .error-message {
            color: #721c24 !important;
            background-color: #f8d7da !important;
            border: 1px solid #f5c6cb !important;
            padding: 10px !important;
            border-radius: 4px !important;
            margin-top: 15px !important;
            font-size: 14px !important;
        }

        /* Reset any theme interference */
        .shairpoint-magic-login-container {
            all: initial !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
            color: #333 !important;
        }

        .shairpoint-magic-login-container * {
            box-sizing: border-box !important;
        }

            

    

        
Voer hieronder je e-mailadres in om een Magic Link (magische aanmeldlink) te ontvangen. Klik op de link die naar je e-mail is verzonden om veilig in te loggen.

        
                            
ShairPoint
            
            

                Email