.popover {
    min-width: 303px; /* adjust this width as needed */
}
/* Ensure the Select2 dropdown appears above the modal */
.select2-container--default .select2-dropdown {
    z-index: 1051 !important; /* 1051 ensures it's above the modal backdrop */
}
 #clockWrapper {
     font-family: 'Segoe UI', sans-serif;
     font-size: 1.1rem;
     background-color: #f8f9fa;
     border: 1px solid #ddd;
     padding: 1rem;
     border-radius: 0.5rem;
     max-width: 500px;
     margin: 0 auto;
     box-shadow: 0 2px 6px rgba(0,0,0,0.1);
 }