<!-- Releases Popup <style>-->
<div class="overlay-app4legal-documentation" id="overlay-app4legal-documentation"></div>
<div #app4legal-footer {id="popup-app4legal-documentation" class="popup-app4legal-documentation">
<button id="closeButton-app4legal-documentation" class="close-button-app4legal-documentation">X</button>
background-color: #2d83be;
max-width: 1200px;
}
#app4legal-footer-resources {
text-align: center<p class="popup-text-app4legal-documentation">Exciting News!<br><br>
A new version of Lexzur has just been released. <a class="white-text" href="https://documentation.lexzur.com/display/A4L/LEXZUR+v9.10.0.0+Release+Notes"><strong>Click here</strong></a> to explore the latest features and enhancements
</div>
<style>
.overlay-app4legal-documentation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, }0, 0.5);
display: none;
z-index: 999998;
}
#app4legal.popup-footerapp4legal-resourcesdocumentation ul {
position: fixed;
top: 50%;
list-styleleft: none50%;
transform: translate(-50%, -50%);
widthbackground-color: 100%#2D83BE;
padding: 20px;
}
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
#app4legal-footer-resources ul li {display: none;
text-alignz-index: left999999;
}
.popup-text-app4legal-documentation {
margin-bottom: 10px0;
color: }#FFFFFF !important;
margin-right: 30px;
font-size: 17px !important;
}
.close-button-app4legal-documentation {
#app4legal-footer-resources ul a {
position: absolute;
top: 10px;
right: 10px;
text-decorationbackground: none;
cursor: pointer;
font-size: 16px;
color: #ffffff#FFFFFF;
border: solid 1px }white;
border-radius: 5px;
}
@media only screen and #app4legal-footer-description(max-width: 600px) {
.popup-app4legal-documentation {
left: color:15% #ffffff!important;
transform: width: 100%translate(-9%, -50%) !important;
}
}
#app4legal-footer-resources-title-container
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const popup = document.getElementById("popup-app4legal-documentation");
const closeButton height: 33px= document.getElementById("closeButton-app4legal-documentation");
const overlay }= document.getElementById("overlay-app4legal-documentation");
// Define the version
number for the current release
const currentVersion #app4legal-footer-social {= "9.7.0.0";
// Check local storage to determine if the popup should text-align: center;
margin-top: 20px;
width: 100% !importantbe displayed for the current version
const popupVersion = localStorage.getItem("popupVersion");
if (popupVersion !== currentVersion) {
popup.style.display = "block";
overlay.style.display = "block";
}
// Close the popup and save
the current version to local storage
#app4legal-footer-social a function closePopup() {
popup.style.display = "none";
overlay.style.display = text-decoration: "none";
}
color: #ffffff;closeButton.addEventListener("click", closePopup);
// Store the current version in local storage
font-size: 22px;
margin: 10px;
}
#app4legal-footer-copyright {
color: #ffffff;
localStorage.setItem("popupVersion", currentVersion);
// Add event listener to the overlay to close popup when clicked outside
overlay.addEventListener("click", closePopup);
});
</script>
| 
