@import '_content/MAK.LibBlazorUI/MAK.LibBlazorUI.bundle.scp.css';

/* /Views/DemoBox.razor.rz.scp.css */


p[b-m2lbephi4w],
h1[b-m2lbephi4w]
{
    color: blue;
}
/* /Views/Navigation.razor.rz.scp.css */

.nav_menu_container[b-zgosvgxwm9]
{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    gap: 0;
    margin: 0 auto;
}

.nav_theme_2[b-zgosvgxwm9],
.top_nav_theme[b-zgosvgxwm9]
{
    background: #222;
}

.NavBG[b-zgosvgxwm9]
{
    background: #0e3f6f;
}

.MenuMain[b-zgosvgxwm9]
{
    width: 100%;
}

.NavbarCustom[b-zgosvgxwm9]
{
    background: #e3f2fd;
}

.MenuCenter[b-zgosvgxwm9]
{
    margin: 0 auto;
    text-align: center;
}

.MAK .navbar-nav .nav-link[b-zgosvgxwm9], .MAK .ThemeColor[b-zgosvgxwm9], .MAK a.ThemeColor[b-zgosvgxwm9]
{
    color: #FFF;
}

#nav_menu[b-zgosvgxwm9],
.nav_menu[b-zgosvgxwm9]
{
    display: block;
    position: fixed;
    background: #003a7e94;
    background: #05172cc2;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 200;
    transition: all 500ms;
}

#nav_menu.active[b-zgosvgxwm9],
.nav_menu.active[b-zgosvgxwm9]
{
    top: 0;
}

.nav_link[b-zgosvgxwm9],
.top_nav_link[b-zgosvgxwm9],
.nav_menu_link_container[b-zgosvgxwm9],
.nav_menu_link[b-zgosvgxwm9]
{
    display: block;
    text-decoration: none;
    outline: none;
    margin: 0 auto;
    margin: 0;
    padding: 0;
    color: #FFF;
    border: none;
    text-decoration: none;
    outline: none;
    transition: all 0.5s ease;
}

.nav_link[b-zgosvgxwm9],
.top_nav_link[b-zgosvgxwm9]
{
    background: #222;
}

.nav_menu_link_container[b-zgosvgxwm9],
.nav_menu_link[b-zgosvgxwm9]
{
    background: #22222205;
}

.top_nav_link[b-zgosvgxwm9]
{
    padding: 15px 52px;
}

.nav_menu_link[b-zgosvgxwm9]
{
    padding: 15px 15px 15px 40px;
    border-top: solid 2px #FFF;
}

@media(min-width: 400px)
{
    .nav_menu_link[b-zgosvgxwm9]
    {
        width: 320px;
    }
}

.nav_menu_link:hover[b-zgosvgxwm9]
{
    border-top: solid 2px #ff5900;
    background: #22222263;
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.nav_link:hover[b-zgosvgxwm9]
{
    background: #3e3e3e;
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.top_nav_link:hover[b-zgosvgxwm9]
{
    padding: 12px 52px;
    background: #3e3e3e;
    color: #FFF;
    border-bottom: solid 4px #ff5900;
    text-decoration: none;
    outline: none;
}

.HideOrShow[b-zgosvgxwm9]
{
    display: none;
}

@media(min-width: 768px)
{
    .HideOrShow[b-zgosvgxwm9]
    {
        display: block;
    }
}

.MenuMain.Minus[b-zgosvgxwm9]
{
    width: 100%;
}

@media(min-width: 480px)
{
    .MenuMain.Minus[b-zgosvgxwm9]
    {
        width: 65%;
        transition: all 300ms;
    }
}

@media(min-width: 900px)
{
    .MenuMain.Minus[b-zgosvgxwm9]
    {
        width: 80%;
        transition: all 300ms;
    }
}

@media(min-width: 1024px)
{
    .MenuMain.Minus[b-zgosvgxwm9]
    {
        width: 85%;
        transition: all 300ms;
    }
}