.page-thumbnail {
    border: 2px solid #dee2e6;
    margin: 10px;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out;
}

.page-thumbnail:hover {
    border-color: #0d6efd;
}

.page-thumbnail.selected {
    border-color: #0d6efd;
    border-width: 3px;
}

.thumbnail-container {
    max-height: 600px;
    overflow-y: auto;
}

/* Dropzone Styles */
.dropzone {
    border: 2px dashed #007bff !important;
    border-radius: 8px;
    background: #f8f9fa;
    padding: 20px;
    min-height: 150px;
    transition: all 0.3s ease;
}

.dropzone:hover {
    background: #e9ecef;
    border-color: #0056b3 !important;
}

.dropzone .dz-message {
    margin: 3em 0;
    color: #6c757d;
    font-weight: 400;
}

.dropzone .dz-preview {
    margin: 10px;
}

.dropzone .dz-success-mark,
.dropzone .dz-error-mark {
    display: none;
}


.dropzone .dz-preview .dz-details {
    /* Example: Change background color and padding */
    /* background: #f0f0f0; */
    padding: 10px;
    /* Example: Adjust dimensions */
    width: 300px;
    height: 150px;
    position:relative;
}

.dropzone .dz-preview .dz-details .dz-filename {
    /* Example: Change font size and color for filename */
    font-size: 14px;
    color: #333;
}

.dropzone .dz-preview .dz-details .dz-size {
    /* Example: Change position and font style for file size */
    /* position: absolute; */
    bottom: 5px;
    right: 5px;
    font-style: italic;
}

.dropzone .dz-preview .dz-progress {
    opacity: 0;
}

.file-info-card {
    display: none;
    margin-top: 15px;
}

.dz-success {
    border-color: #28a745 !important;
    background: #d4edda;
}

.dz-error {
    border-color: #dc3545 !important;
    background: #f8d7da;
}

#pdf-preview {
    display: none;
}

.alert-fixed {
    position: fixed;
    top: 0; /* Adjust as needed for desired vertical position */
    left: 0; /* Adjust as needed for desired horizontal position */
    width: 100%; /* Make it span the full width */
    z-index: 9999999; /* Ensure it appears above other content, including Bootstrap's fixed navbars */
    border-radius: 0; /* Optional: Remove rounded corners for a full-width bar effect */
}


/* Collapse */
/* Collapsible section styles */
.cursor-pointer {
    cursor: pointer;
}

.collapse-icon {
    transition: transform 0.3s ease;
}

.collapsed .collapse-icon {
    transform: rotate(-90deg);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Sticky navigation enhancements */
.sticky-top {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Navigation active state */
.nav-active {
    background-color: #0d6efd !important;
    color: white !important;
}

/* Section highlight on scroll */
.highlighted {
    border-left: 4px solid #0d6efd;
    transition: border-left 0.3s ease;
}