.blazored-toast-container {
    z-index: 11050 !important; /* Ensure it's higher than other elements */
    position: fixed; /* Ensures it stays in place */
}

.navigation-item {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Optioneel: Zorgt ervoor dat ze gespreid worden */
}

.navigation-item .side-nav-link {
    flex-grow: 1; /* Laat de link de beschikbare ruimte innemen */
}

.coming-soon {
    font-size: x-small;
    margin-left: 0.5rem; /* Voegt wat ruimte toe tussen de tekst en de badge */
    align-items: center;
}

.side-nav .badge {
    position: relative;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover>.collapse>ul a:hover, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover>.collapsing>ul a:hover
{
    color: #FFFFFF;
}

.font-urbanist-bold {
    font-family: 'Urbanist', sans-serif;
}

.phosphor-icons {
    opacity: 1;
}

.bxs--car-crash {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.634 17.918a1.77 1.77 0 0 0 1.201 1.291l.18.791H4v2h16v-2H6.683a.8.8 0 0 0-.007-.278l-.196-.863l10.357-2.356l.196.863a.886.886 0 0 0 1.06.667l.863-.197a.885.885 0 0 0 .667-1.06l-.251-1.103c.446-.416.67-1.046.525-1.683l-.59-2.59a1.76 1.76 0 0 0-1.262-1.307l-2.049-3.378a2.77 2.77 0 0 0-2.982-1.263l-7.868 1.79a2.77 2.77 0 0 0-2.144 2.43l-.387 3.932a1.76 1.76 0 0 0-.57 1.724zm3.02-.688a1.327 1.327 0 1 1-.59-2.589a1.327 1.327 0 0 1 .59 2.589m11.222-2.552a1.328 1.328 0 1 1-.59-2.587a1.328 1.328 0 0 1 .59 2.587M5.589 9.192l7.869-1.791a.77.77 0 0 1 .83.351l1.585 2.613l-.566.129l-10.046 2.287l-.568.129l.299-3.042a.77.77 0 0 1 .597-.676M18.405 4L17 2l-.5 3L19 9l3 1l-2-2.539l2-.933l-2-.933L22 2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link:hover {
    background-color: var(--ct-menu-item-color);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
    background-color: var(--ct-menu-item-color);
}

.side-nav-link.active {
    color: var(--ct-menu-item-hover-color) !important;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover>.collapse>ul a:hover, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover>.collapsing>ul a:hover {
    color: var(--ct-menu-item-hover-color);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .content-page {
  min-height: none !important;
}