.cavok-navbar {
    z-index: 1200;
    transition: all 0.2s ease-in-out;
    top: 0;
    padding: 0;
    height: 40px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .cavok-navbar {
    background-color: rgba(255, 255, 255, 0.05);
}

.cavok-navbar #cavok-logo {
    height: 25px !important;
}

.cavok-navbar * {
    transition: all 0.2s ease-in-out !important;;
}

.cavok-navbar input {
    padding: 10px;
}

.cavok-navbar .input-group > * {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 4px;
}

.cavok-navbar .nav-item > a > i {
    font-size: 20px !important;
    color: lightgray !important;
}

.cavok-navbar .nav-item > a > img {
    width: 20px !important;
    height: 20px !important;
}

.dropdown-item:active span {
    color: white !important;
}

#searchInputHeader {
    background-color: var(--bs-tertiary-bg);
}

#searchInputHeader::placeholder {
    color: #535c63;
}

.search-link::before {
    content: "\f52a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    margin-right: 5px;
    font-size: 12px;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}

.notification-badge {
    position: absolute;
    top: 5px;
    left: 20px;
    font-size: 10px;
    padding: 3px;
}

.search-input:focus {
    padding-right: 100px !important;;
    transition: padding-right 0.3s ease-in-out;
}

.search-input:not(:hover) {
    transition: padding-right 0.3s ease-in-out;
}

#notificationList {
    max-height: 500px;
    max-width: 400px;
    overflow-y: auto;
}

#searchResultsDropdown {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
}

[id*='notificationList'] {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

[id*='notificationList']::-webkit-scrollbar,
#searchResultsDropdown::-webkit-scrollbar {
    width: 10px;
}

[id*='notificationList']::-webkit-scrollbar-track,
#searchResultsDropdown::-webkit-scrollbar-track {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background-color: white;
}

[id*='notificationList']::-webkit-scrollbar-thumb,
#searchResultsDropdown::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #e8e8e8;
}

#menu-space {
    margin-bottom: 80px;
}
@media print {
    #menu-space{
        display:none;
    }
}