/* Reset some default styles */
body {
    /* min-height: 1600px; */
    margin: 0; /* Reset margin for body */
    padding: 0; /* Reset padding for body */
}

/* Navigation bar */
.navbar-brand img {
    max-height: 60px;
}

.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
}

.nav-link .active {
    color: black;
}

/* Breadcrumb link styles */
.breadcrumb a {
    color: #007bff;
}

.breadcrumb a:hover {
    color: #0056b3;
}

/* Cursor as pointer */
.pointer-cursor, .pointer-cursor-05, .pointer-cursor-15 {
    cursor: pointer;
    transition: background-color 0.1s, transform 0.1s, color 0.1s; /* Combine transitions */
}

.pointer-cursor:hover {
    /* background-color: #f8f9fa; */
    transform: scale(1.01);
    /* color: inherit; */
}

.pointer-cursor-05:hover {
    /* background-color: #f8f9fa; */
    transform: scale(1.05);
    /* color: inherit; */
}

.pointer-cursor-15:hover {
    /* background-color: #f8f9fa; */
    transform: scale(1.15);
    /* color: inherit; */
}

/* List group animations */
.list-group.fade, .list-group.show {
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    /* margin-bottom: 15px; /* Add space below the camera list */ */
}

.list-group.show {
    opacity: 1;
    max-height: 300px; /* Reduced max height for better spacing */
    overflow-y: auto;
    /* max-height: 9999999px; */
}

/* Dropdown styles */
.dropdown-parent {
    position: relative;
    min-height: 0px;
    z-index: 2;
}

/* Custom button styling */
.btn-link {
    color: #007bff;
    padding: 0;
}

.btn-link:hover {
    text-decoration: underline;
}

/* Versions Dropdown */
.versions-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 3;
    display: none;
    background-color: #f8f9fa; /* Background color for 'Versions' dropdown */
}

.dropdown-parent:hover .versions-dropdown {
    display: block;
}

.versions-dropdown .dropdown-item {
    color: #333;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    transition: background-color 0.2s;
}

.versions-dropdown .dropdown-item:hover {
    background-color: #e9ecef; /* Hover background color for 'Versions' dropdown items */
}

/* Remove w3-dropdown-hover styles for the filter dropdown */
.w3-dropdown-hover {
    position: static; /* Reset position to static */
    display: inline-block; /* Make it inline-block */
    vertical-align: middle; /* Align vertically with the text */
    margin-left: 10px; /* Adjust spacing as needed */
}

/* Adjust the width of the filter dropdown content */
.w3-dropdown-content {
    left: auto; /* Reset the left position */
    right: 0; /* Position the dropdown to the right */
    min-width: 100%; /* Expand to fit content */
    white-space: nowrap; /* Prevent text from wrapping */
}

/* Override styles for filter dropdown options */
.w3-dropdown-content a {
    color: #333;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    transition: background-color 0.2s;
    white-space: nowrap; /* Prevent text from wrapping */
    width: 100%; /* Expand to fit content */
}

/* Hover background color for filter dropdown options */
.w3-dropdown-content a:hover {
    /* background-color: #e9ecef; */
}


/* Uncomment if needed */
/*
.text-danger i {
    margin-left: 5px;
}
*/

/* Dropdown content */
.dropdown-content a {
    color: #333;
}

/* Apply the Roboto font to the search input */
#search-input {
    font-family: 'Roboto', sans-serif;
}


/* Add a CSS class for smooth transition */
.smooth-transition {
    transition: all 1.0s ease;
    /* transition: transform 0.3s ease; */
}

.sticky-div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: white; /* Optional: Set background color if needed */
}