@import '_content/PSC.Blazor.Components.MarkdownEditor/PSC.Blazor.Components.MarkdownEditor.bundle.scp.css';

/* /Pages/Search/SearchView.razor.rz.scp.css */
.panel-collapsible-collapsed[b-szlbjz68j4] {
	border-bottom: 1px solid lightgrey !important;
}

.panel-collapsible-expanded[b-szlbjz68j4] {
	border: none !important;
}

.image-collapsible[b-szlbjz68j4] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-4vn1yfg9vs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4vn1yfg9vs] {
    flex: 1;
}

.sidebar[b-4vn1yfg9vs] {
	background-image: linear-gradient(180deg, #6C1414 75%, #EEE9D7 100%); /* Omocom colors */
}

.top-row-right[b-4vn1yfg9vs] {
	background-color: #6C1414; /* Omocom */
	border-bottom: 1px solid #d6d5d5;
	justify-content: flex-end;
	height: 3.5rem;
	display: flex;
	align-items: center;
	text-align: right;
}

.top-row-left[b-4vn1yfg9vs] {
	background-color: #6C1414; /* Omocom */
	color: white;
	/*	border-bottom: 1px solid #d6d5d5; */
	float: left;
	height: 3.5rem;
	display: flex;
	align-items: center;
}

.top-row[b-4vn1yfg9vs]  a, .top-row[b-4vn1yfg9vs]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-4vn1yfg9vs]  a:hover, .top-row[b-4vn1yfg9vs]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-4vn1yfg9vs]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-4vn1yfg9vs] {
        display: none;
    }

    .top-row.auth[b-4vn1yfg9vs] {
        justify-content: space-between;
    }

    .top-row[b-4vn1yfg9vs]  a, .top-row[b-4vn1yfg9vs]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-4vn1yfg9vs] {
        flex-direction: row;
    }

    .sidebar[b-4vn1yfg9vs] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-4vn1yfg9vs] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-4vn1yfg9vs]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-4vn1yfg9vs], article[b-4vn1yfg9vs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3ikwsg3c78] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-3ikwsg3c78] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3ikwsg3c78] {
    font-size: 1.1rem;
	color: white;
}

.navbar-img-brand[b-3ikwsg3c78] { /* Omocom addition */
	color: white;
	width: 140px; /* I have not idea what I am doing */
	height: auto;
	filter: invert(100%)
}

.oi[b-3ikwsg3c78] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-3ikwsg3c78] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3ikwsg3c78] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3ikwsg3c78] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3ikwsg3c78]  a {
        color: white; /* Omocom */ 
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-3ikwsg3c78]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-3ikwsg3c78]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

a[b-3ikwsg3c78], .btn-link[b-3ikwsg3c78] {
	color: white; /* Omocom change */
}


@media (min-width: 641px) {
    .navbar-toggler[b-3ikwsg3c78] {
        display: none;
    }

    .collapse[b-3ikwsg3c78] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/UtilityComponents/RadzenButtonPro.razor.rz.scp.css */
/*
	This localized css file fixes the Opacity problem for the internal information icon 
	on a disabled button. The problem is that the button opacity affects all the contents of
	the button thus the information icon too. 

	How it works: it restores first the original Opacity for the parent button in "Disabled" status.
	Sets the fore- and background-color attributes manually imitating that the button is Disabled. 
	As a result the Disabled button will behave the same way as before but this time NOT by the Opacity settings. 
	
	Then, set the information icon color to Active. This makes the information icon  Active inside the Disabled button.
*/

.rz-button.rz-state-disabled[b-61a44cq70g] {
	opacity: 1.0;
	background-color: var(--rz-info-lighter);
	color: var(--rz-on-info-light);
}

.rz-button > .rzi[b-61a44cq70g] {
	color: var(--rz-info);
}