.item-select:hover {
    background-color: var(--app-primary);
    cursor: pointer;
}

.item-container:first-child {
    padding-top: 0 !important;
}

.item-container:last-child {
    padding-bottom: 0 !important;
    border: none !important;
}

.no-select {
    user-select: none;
}

.tab-item::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--app-primary);
}

.footer {
    background-color: var(--app-footer-bg-color) !important;
    color: var(--app-footer-text-color) !important;
}

.footer a {
    color: var(--app-footer-link-color) !important;
}

.footer a:hover {
    color: var(--app-footer-link-hover-color) !important;
}

.navbar-nav-scroll {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.top-navigation {
    background-color: var(--app-top-navigation-bg-color) !important;
    color: var(--app-top-navigation-text-color) !important;
}

.top-navigation a {
    color: var(--app-top-navigation-link-color) !important;
}

.top-navigation a:hover {
    color: var(--app-top-navigation-link-hover-color) !important;
}

.side-navigation {
    background-color: var(--app-side-navigation-bg-color) !important;
    border-color: var(--bs-border-color);
    border-right-style: solid;
    border-right-width: 1px;
    color: var(--app-side-navigation-text-color) !important;
    overflow: hidden;
    transition: width 0.3s ease;
    width: var(--app-side-navigation-width);
}

.side-navigation a {
    color: var(--app-side-navigation-link-color) !important;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.side-navigation a:hover {
    background-color: color-mix(in srgb, var(--app-side-navigation-link-color) 8%, transparent);
    color: var(--app-side-navigation-link-hover-color) !important;
}

.side-navigation a.active {
    background-color: color-mix(in srgb, var(--app-side-navigation-link-hover-color) 15%, transparent);
    color: var(--app-side-navigation-link-hover-color) !important;
}

.side-navigation a.active i {
    color: var(--app-side-navigation-link-hover-color) !important;
}

.side-navigation-fade-bottom {
    background: linear-gradient(to bottom, transparent, var(--app-side-navigation-bg-color));
    height: 32px;
    pointer-events: none;
}

.side-navigation-fade-top {
    background: linear-gradient(to top, transparent, var(--app-side-navigation-bg-color));
    height: 32px;
    pointer-events: none;
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}
