@import '_content/Skoda.Web.ModuleManagement.Module/Skoda.Web.ModuleManagement.Module.9ic1gkejjo.bundle.scp.css';

/* /Components/LoginDisplay.razor.rz.scp.css */
.user-info[b-26vhvwn57k]{
    display: flex;
    margin-right: 10px;
}

.user-info-text[b-26vhvwn57k]{
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-right: 1rem;
}

.user-info-text .user-name[b-26vhvwn57k]{
    font-weight: bold;
}

.user-info[b-26vhvwn57k]  .user-icon{
    border-radius: 100%;
    padding: 10px;
}
/* /Components/PageInfo.razor.rz.scp.css */
.page-info[b-0qh6eikx5b]{
    display: flex;
    flex-direction: column;

    margin-left: 1rem;
}

.page-info .page-name[b-0qh6eikx5b]{
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.page-info[b-0qh6eikx5b]  .mud-breadcrumbs{
    padding-left: 0;
    padding-bottom: 0;
}

.page-info[b-0qh6eikx5b]  .mud-breadcrumb-separator>span{
    color: var(--mud-palette-secondary) !important;
    opacity: 1 !important;
}

.page-info[b-0qh6eikx5b]  .breadcrumb-item-not-last .mud-link{
    color: var(--secondary-45) !important;
    font-weight: 400 !important;
}

.page-info[b-0qh6eikx5b]  .breadcrumb-item-last .mud-link{
    color: var(--secondary-100) !important;
    font-weight: 600 !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* Logo with drawer button */
.logo-drawer-btn[b-n4b9oye9xq]{
    display: flex;
    justify-content: space-between;
}

.mud-drawer-open-responsive-md-left .logo-drawer-btn[b-n4b9oye9xq]{
    width: calc(var(--mud-drawer-width-left) - 24px - 1rem);
}

[b-n4b9oye9xq] .drawer-btn{
    color: var(--mud-palette-primary) !important;
    border-radius: 0;
    padding: 0;
    margin-left: 1rem;
}

[b-n4b9oye9xq] .drawer-btn>span{
    background-color: var(--mud-palette-divider-light);
}

[b-n4b9oye9xq] .drawer-btn>span>svg{
    transform: rotate(45deg);
}
/* /Layout/NavMenu.razor.rz.scp.css */
.main-nav[b-kxn4gih01y]{
    height: 100%;
}

.main-nav[b-kxn4gih01y] >nav{
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Navigation */
.nav-dashboard[b-kxn4gih01y]{
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.nav-dashboard[b-kxn4gih01y]  .mud-nav-link-text{
    font-weight: bold !important;
}

/* Menu heading */
[b-kxn4gih01y] .mud-nav-link{
    padding-right: 0;
}
/* Expanded menu heading */
[b-kxn4gih01y] .mud-expanded .mud-nav-link-text{
    color: var(--secondary-115) !important;
    font-weight: bold !important;
}

[b-kxn4gih01y] .mud-expanded .mud-nav-link-icon{
    color: var(--secondary-115) !important;
    font-weight: bold !important;
}

/* Bold activated items */
[b-kxn4gih01y] .mud-nav-link.active:not(.mud-nav-link-disabled){
    font-weight: bold !important;
    color: var(--secondary-115) !important;
}

[b-kxn4gih01y] .mud-nav-link-expand-icon {
    fill: var(--secondary-115) !important;
}

/* menu items */
[b-kxn4gih01y] .mud-nav-link-text{
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 100%;
    margin-left: 0;
    padding-left: 12px;
}

[b-kxn4gih01y] .mud-nav-link{
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

[b-kxn4gih01y] .mud-nav-link:hover{
    background-color: inherit;
}

[b-kxn4gih01y] .mud-nav-link-icon{
    margin-top: 0.5rem;
}

[b-kxn4gih01y] .mud-nav-link-expand-icon{
    margin-top: 0.5rem;
}

/* Submenu active menu item */
[b-kxn4gih01y] .mud-nav-link.active:not(.mud-nav-link-disabled){
    background-color: inherit !important;
}

.light .main-nav[b-kxn4gih01y]  .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-text {
    background-color: var(--secondary-5) !important;
    border-radius: var(--mud-default-borderradius) !important;
}

.dark .main-nav[b-kxn4gih01y]  .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-text {
    background-color: #33323e !important;
    border-radius: var(--mud-default-borderradius) !important;
}

[b-kxn4gih01y] .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon{
    color: var(--secondary-115) !important;
}

/* Nav hovers */
[b-kxn4gih01y] .mud-nav-link-text:hover{
    background-color: rgba(236, 231, 231, 0.3)
}
/* /Layout/NavMenuDeepGroup.razor.rz.scp.css */
/* Lines */
.mud-nav-group[b-bddsahoxai]{
    position: relative !important;
}

/* Gray line */
.mud-drawer--open .nav-line[b-bddsahoxai]{
    position: absolute;
    height: 100%;
    width: 2px;
    left: 24px;
    background-color: #636363;
    border-radius: 100px;
}

/* Active blue line */
.mud-drawer--open .mud-nav-link.active:not(.mud-nav-link-disabled) .nav-line-active[b-bddsahoxai]{
    position: absolute;
    height: 100%;
    width: 4px;
    left: 23px;
    background-color: var(--secondary-115) !important;
    top: 0;
    border-radius: 100px;
}