body {
    padding-top: 0px;
    padding-bottom: 20px;
}

.bodyLogin {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.completeCheck {
    margin-top: 10px
}

.bg-color {
    background-color: #3b3a39
}

.textProgress {
   font-weight:bold
}

.navfont1 {
    color: white;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,

textarea {
    max-width: 280px;
}


/* Custom styling for positioning and color */
.header .row:first-child {
    text-align-last: right; /*Align first row to the right */
}

.header {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Light border at the bottom */
}

.top-bar {
    background-color: #e9ecef; /* Lighter background for the top utility bar */
    color: #343a40; /* Darker text for contrast */
    font-size: 0.955rem;
}

.main-header {
    background-color: #34495e; /* Deep, professional dark blue/grey */
    color: #ffffff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .main-header h1 {
        font-size: 2.8rem; /* Larger company name */
        font-weight: 700;
        margin-bottom: 0.5rem;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* Subtle text shadow */
    }

    .main-header p {
        font-size: 1.1rem;
        opacity: 0.9; /* Slightly transparent for address */
    }

.logout-link {
    transition: color 0.3s ease;
}

    .logout-link:hover {
        color: #0056b3 !important; /* Darker blue on hover for logout */
    }


.linkmenufont {
    font-size: 120%;
    font-weight1: bold
}

footer {
    position: relative;
    bottom: 0;
    width: 100%;
    text-align:center
}

    footer p {
        margin-bottom: 0; /* Remove default paragraph margin */
    }

footer1 {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center
}

    footer1 p {
        margin-bottom: 0px; /* Remove default paragraph margin */
    }

/* Cases and Documents Section Styling */
.cases-section .bg-primary {
    background-color: #34495e !important; /* Ensure it matches the main header color */
    border-radius: 0.5rem 0.5rem 0 0; /* Rounded top corners */
    padding: 0.75rem 0;
    margin-bottom: 0; /* Remove default margin */
}

.cases-section .form-select {
    border-radius: 0 0 0.5rem 0.5rem; /* Rounded bottom corners */
    border-top: none; /* Remove top border to connect with header */
}

.cases-section table thead th {
    background-color: #495e72; /* Slightly lighter shade for table header */
    color: #ffffff;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6; /* Add a subtle border */
}

.cases-section table {
    border-radius: 0.5rem;
    overflow: hidden; /* Ensures rounded corners apply to table content */
    border: 1px solid #e9ecef; /* Overall table border */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow for table */
}

/* DOCUMENT    */
.toolbar-container {
    background-color: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    padding: 1rem;
}

.toolbar-btn-group {
    display: inline-flex; /* Use inline-flex for horizontal alignment */
    flex-direction: column; /* Stack icon and text vertically */
    align-items: center;
    justify-content: center;
    gap: 0.15rem; /* Even smaller space between icon and text */
    padding: 0.4rem 0.6rem; /* Smaller padding for smaller buttons */
    border-radius: 0.5rem; /* Slightly less rounded for smaller buttons */
    transition: all 0.3s ease-in-out; /* Smoother transitions */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Even lighter initial shadow */
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    min-width: 65px; /* Even smaller minimum width */
    border: 1px solid #e5e7eb; /* Light border for all buttons */
    background-color: #f9fafb; /* Consistent light grey background for most buttons */
    color: #4b5563; /* All text dark gray */
    position: relative;
    overflow: hidden;
}

    .toolbar-btn-group i {
        font-size: 18px; /* Even smaller icon size */
        color: #4b5563; /* All icons dark gray */
    }

    .toolbar-btn-group span {
        font-size: 0.75rem; /* Even smaller text size */
        white-space: nowrap;
    }

    .toolbar-btn-group:hover {
        background-color: #e0e7ff; /* Lighter blue on hover for most buttons */
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Slightly larger shadow on hover */
        transform: translateY(-1px); /* Slight lift effect */
        border-color: #a1a1aa; /* Darker border on hover */
    }
    /* Remove specific hover effects for primary/save as all are same background */
    .toolbar-btn-group::before {
        display: none; /* Remove gradient effect */
    }

    /* Ensure no specific background/color overrides for btn-primary-custom, btn-secondary-custom */
    .toolbar-btn-group.btn-primary-custom,
    .toolbar-btn-group.btn-secondary-custom {
        background-color: #f9fafb; /* Override to light grey */
        color: #4b5563; /* Override to dark grey */
        border-color: #e5e7eb; /* Override to light border */
    }

        .toolbar-btn-group.btn-primary-custom i,
        .toolbar-btn-group.btn-secondary-custom i {
            color: #4b5563; /* Override to dark grey */
        }

    /* Specific style for the Save Document button - now distinct again */
    .toolbar-btn-group.btn-save-custom {
        background-color: #10b981; /* Green */
        color: #ffffff; /* White text */
        border-color: #059669; /* Darker green border */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Stronger shadow for save */
    }

        .toolbar-btn-group.btn-save-custom i {
            color: #ffffff; /* White icon for save button */
        }

        .toolbar-btn-group.btn-save-custom:hover {
            background-color: #059669; /* Darker green on hover */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); /* Even larger shadow on hover */
            transform: translateY(-2px); /* More pronounced lift */
            border-color: #047857;
        }


.toolbar-separator {
    width: 1px;
    height: 25px; /* Even smaller height of the separator */
    background-color: #e5e7eb; /* Light gray separator */
    margin: 0 0.6rem; /* Even smaller spacing around separator */
}

/* Switch Styling (remains unchanged as it was already working) */
.form-switch .form-check-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 3em;
    height: 1.5em;
    background-color: #e5e7eb;
    border-radius: 9999px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    outline: none;
    flex-shrink: 0;
}

    .form-switch .form-check-input:checked {
        background-color: #2563eb;
    }

    .form-switch .form-check-input::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 1.25em;
        height: 1.25em;
        background-color: #ffffff;
        border-radius: 9999px;
        transition: transform 0.2s ease-in-out;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .form-switch .form-check-input:checked::after {
        transform: translateX(1.5em);
    }
/* Responsive adjustments for button text */
@media (max-width: 767px) {
    .toolbar-btn-group span {
        display: none; /* Hide text on small screens for toolbar buttons */
    }

    .toolbar-btn-group {
        padding: 0.3rem; /* Even smaller padding for icon-only buttons */
        min-width: unset; /* Remove min-width for icon-only buttons */
    }

        .toolbar-btn-group i {
            margin-bottom: 0; /* No margin if text is hidden */
        }

    .form-check-label {
        font-size: 0.875rem; /* Smaller text for checkbox label on small screens */
    }

    .toolbar-separator {
        display: none !important; /* Hide separators on small screens */
    }
}

/* Message Box Styling */
#messageBox {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    font-size: 0.9rem;
}

    #messageBox.show {
        opacity: 1;
    }

.pdf-viewer-container {
    min-height: 800px; /* Minimum height for the PDF viewer */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 0.75rem;
    overflow: hidden; /* Ensure content stays within rounded corners */
    border: 1px solid #e5e7eb; /* Border for the viewer */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Subtle shadow for the viewer */
}
/* Placeholder for PDF Viewer content */
.pdf-placeholder {
    width: 100%;
    height: 100%;
    background-color: #e0e7ff; /* Light blue placeholder */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #3b82f6;
    font-weight: 600;
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
}

/*  LOADIND SPINNER */

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.spinner {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}
/*-----------------------------------------------*/


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}