html, body { 
                height: 100%; 
                margin: 0; /* Remove any default margin */
                padding: 0; /* Remove default padding */
            }
            .collapsed .bi-chevron-down { 
                transform: rotate(-90deg); 
            }
            .list-group { 
                margin-left: 0.5em; 
            }
            .list-group-item { 
                padding: 0.25rem 0.75rem 
            }
            .card-columns { 
                column-count: 1; 
            }
            @media only screen and (min-width: 992px) {
                .card-columns { column-count: 2; }
            }
            .container-xl { 
                min-width: 720px; 
            }
            .bootstrap { 
                color: #563d7c; 
                font-weight: 500; 
                font-family: "-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
            }
            .thick-border { 
                border-width: 2px; 
            }

            .icon_align { 
                margin-top: 0.5em; 
            }

            .ms-container .ms-list { 
                height: 75px; 
            }
            .ms-container { 
                width: 100%; 
            }
            .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { 
                font-size: 0.8em; 
            }
            
            .modal-dialog, .modal-content { 
                height: 95%; 
                margin: 0; /* Ensure no extra margins */
            }
            .modal-body { 
                max-height: calc(100% - 60px); 
                overflow-y: scroll; 
            }
            .card,
            .inner-card{
                margin-left: 15px;
                margin-right: 15px;
                margin-bottom: 15px;
                padding: 10px;
                background-color: var(--card-backgroundColor, #f0f0f0); /* Default to #f0f0f0 if the variable is not set */
            }

            .inner-card{
                background-color: var(--inner-card-backgroundColor, #f0f0f0);
            }
            .container-xl {
                min-width: 720px;
                padding-left: 10px; /* Reduce left padding */
                padding-right: 10px; /* Reduce right padding */
            }