.bankid-container.bankid-login-qr {
		display: flex;
		align-items: center;
		flex-direction: column; 
	}

	.bankid-login-message {
		margin-bottom: 0 !important;
		height: auto !important;
	}

	.qrcode-container {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	ul.instructions {
		list-style: decimal;
		
	}

	ul.instructions li {
		margin-bottom: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #235871;
	}

	ul.instructions li span {
		font-size: 13px;
		color: black;
		font-weight: normal;
	}
	ul.instructions li span strong {
		color: #183e4f;
	}
	
	.wp-bankid {
		margin-top: 20px;
		border: 2px solid #183e4f;
		padding: 7px;
		border-radius: 24px;
		color: #183e4f;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.2s;
	}

	.wp-bankid:hover {
		border: 2px solid #235871;
		color: #235871;
	}

	.wp-bankid-restart {
		margin-top: 20px;
		border: 2px solid #183e4f;
		padding: 10px;
		border-radius: 24px;
		color: #183e4f;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.2s;
		display: none;
	}

	.wp-bankid-restart:hover {
		border: 2px solid #235871;
		color: #235871;
	}

	.on-mobile-device .wp-bankid {
	}

	.failed .bankid-login-qr * {
		display: none;
	}

	.failed .bankid-login-qr .bankid-login-message {
		display: block;
	}

	.failed .wp-bankid-restart {
		display: block;
	}

	.submit {
		display: none !important;
	}

	.qrcodeicon {
		width: 22px;
		margin-left: 2px;
		margin-bottom: -8px;
		display: inline;
	}
	.bankid-logo-icon {
	    width: 22px;
	    display: inline;
	    vertical-align: middle;
		padding-right: 5px;
	}

	img.bankid-qr-placeholder  {
		width: 150px;
		display: block;
		filter: blur(2px);
    	opacity: 0.5;
	}
    #qr-code-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; /* or specify a height if needed */
    }
    #qr-code {
        display: flex;
        /* align-items: center; */
        justify-content: center;
    }