@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*    Added for footer 24-10-25*/
.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-wrapper {
    flex: 1; /* Expands to push footer down */
}

.footer {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
}


/* Compact table styling */
.compact-table {
    font-size: 0.85rem; /* Smaller font size */
}

    .compact-table th,
    .compact-table td {
        padding: 4px 8px; /* Reduced padding */
    }

    .compact-table th {
        font-weight: 600; /* Slightly bold headers */
        text-align: left;
    }

    .compact-table tbody tr {
        line-height: 1.2; /* Adjusted line height */
    }

/*  added 11/3  */
.max-width-container {
    max-width: 800px; /* Set your desired maximum width */
    margin: 0 auto; /* Centers the content */
    width: 100%; /* Ensures the container takes full width up to the max-width */
}

/* added 11/9 for the card*/
.custom-grid-layout {
    padding: 10px;
    font-size: 16px;
}

/* Added 11-15 to remedy reconnect timeouts*/

#components-reconnect-modal {
    display: none;
}

    #components-reconnect-modal.components-reconnect-show,
    #components-reconnect-modal.components-reconnect-failed,
    #components-reconnect-modal.components-reconnect-rejected {
        display: block;
        background-color: white;
        padding: 2rem;
        border-radius: 0.5rem;
        text-align: center;
        box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
        margin: 50px 50px;
        position: fixed;
        top: 0;
        z-index: 10001;
    }

#components-reconnect-modal {
    transition: visibility 0s linear 1000ms;
}