@import '_content/ThingsGateway.Admin.Razor/ThingsGateway.Admin.Razor.58ncw60twq.bundle.scp.css';
@import '_content/ThingsGateway.Blazor.Diagrams/ThingsGateway.Blazor.Diagrams.seiubcaax4.bundle.scp.css';
@import '_content/ThingsGateway.Foundation.Razor/ThingsGateway.Foundation.Razor.ggba7m7gkc.bundle.scp.css';
@import '_content/ThingsGateway.Gateway.Razor.Common/ThingsGateway.Gateway.Razor.Common.uy6xmnuhwa.bundle.scp.css';
@import '_content/ThingsGateway.Management.Razor/ThingsGateway.Management.Razor.0uepfnz3a6.bundle.scp.css';
@import '_content/ThingsGateway.Razor/ThingsGateway.Razor.v8o6y8j308.bundle.scp.css';

/* /Layout/Login.razor.rz.scp.css */
.login[b-m6ahlqj6mm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.login-form[b-m6ahlqj6mm] {
    padding: 5rem 5rem 3rem 5rem;
    font-size: 0.875rem;
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.3);
    border-radius: 6px;
}

.login-left[b-m6ahlqj6mm] {
    box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1),0 0 4px 0 rgba(0,0,0,0.1);
}

@media (max-width: 1200px) {
    .login-left[b-m6ahlqj6mm] {
        display: none
    }
}

[b-m6ahlqj6mm] .avatar {
    border-radius: 1.5rem;
    width: 28px;
    height: 28px;
    background-color: var(--bs-green);
    color: #fff;
}

[b-m6ahlqj6mm] .h1, .h2[b-m6ahlqj6mm], .h3[b-m6ahlqj6mm], .h4[b-m6ahlqj6mm], .h5[b-m6ahlqj6mm], .h6[b-m6ahlqj6mm], h1[b-m6ahlqj6mm], h2[b-m6ahlqj6mm], h3[b-m6ahlqj6mm], h4[b-m6ahlqj6mm], h5[b-m6ahlqj6mm], h6[b-m6ahlqj6mm] {
    margin-bottom: 0;
}

.user-avatar[b-m6ahlqj6mm] {
    width: 28px;
    height: 28px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.mainlayout[b-slc8po3y0m]  .layout-header {
    z-index: 5;
}

.mainlayout[b-slc8po3y0m]  .menu-icon {
    width: 16px;
}


[b-slc8po3y0m] .avatar {
    border-radius: 1.5rem;
    width: 28px;
    height: 28px;
    background-color: var(--bs-green);
    color: #fff;
    flex: 0 0 auto;
    font-size: 12px;
}

.mainlayout[b-slc8po3y0m]  .menu-icon {
    width: 16px;
}

.mainlayout[b-slc8po3y0m]  .layout-main {
    padding: 0;
}

    .mainlayout[b-slc8po3y0m]  .layout-main > .bb-cm-zone > .tabs {
        margin: 0;
    }

    .mainlayout[b-slc8po3y0m]  .layout-main > .tabs {
        margin: 0;
    }

    .mainlayout[b-slc8po3y0m]  .layout-main > .bb-cm-zone > .tabs > .tabs-body {
        background-color: var(--tabs-body-bg);
    }

    .mainlayout[b-slc8po3y0m]  .layout-main > .tabs > .tabs-body {
        background-color: var(--tabs-body-bg);
    }

    .mainlayout[b-slc8po3y0m]  .layout-main > .bb-cm-zone > .tabs > .tabs-body > .tabs-body-content {
        height: var(--bb-layout-body-height);
        background-color: var(--bs-body-bg);
        padding: 4px;
    }

    .mainlayout[b-slc8po3y0m]  .layout-main > .tabs > .tabs-body > .tabs-body-content {
        height: var(--bb-layout-body-height);
        background-color: var(--bs-body-bg);
        padding: 4px;
    }

.mainlayout[b-slc8po3y0m]  .tabs {
    --bb-tabs-item-height: 28px;
    --bb-tabs-body-padding: 0.5rem;
}

    .mainlayout[b-slc8po3y0m]  .tabs.tabs-border-card {
        box-shadow: 0 0px 0px 0 rgba(0,0,0,0),0 0 6px 0 rgba(0,0,0,0);
    }

    .mainlayout[b-slc8po3y0m]  .tabs .extend .nav-link-bar.left {
        border-width: 0px 0px 0px 0px;
    }

.mainlayout[b-slc8po3y0m]  .tabs-nav-wrap > .nav-link-bar.dropdown {
    border-width: 0px 0px 0px 0px;
}

.mainlayout[b-slc8po3y0m]  .tabs .extend .nav-link-bar.right {
    border-width: 0px 0px 0px 0px;
}

.mainlayout[b-slc8po3y0m]  .tabs .tabs-item-fix {
    border-width: 0px 0px 0px 0px;
}

.mainlayout[b-slc8po3y0m]  .tabs.tabs-card > .tabs-header .tabs-item {
    border-width: 0px 0px 0px 0px;
    border: none;
}

.mainlayout[b-slc8po3y0m]  .tabs.tabs-border-card > .tabs-header .tabs-item {
    border-width: 0px 0px 0px 0px;
    border: none;
}

.mainlayout[b-slc8po3y0m]  .tabs.tabs-card .tabs-header .tabs-item.active {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--bb-tabs-item-active-color);
}

.mainlayout[b-slc8po3y0m]  .tabs.tabs-border-card .tabs-header .tabs-item.active {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--bb-tabs-item-active-color);
}

.mainlayout[b-slc8po3y0m]  .tabs.tabs-card .tabs-header .tabs-item.active {
    background-color: var(--bs-primary-bg1);
}

.mainlayout[b-slc8po3y0m] .tabs.tabs-card .tabs-header .tabs-item:hover {
    background-color: var(--bs-primary-bg1);
}

.mainlayout[b-slc8po3y0m] .tabs.tabs-border-card .tabs-header .tabs-item:hover {
    background-color: var(--bs-primary-bg1);
}

.mainlayout[b-slc8po3y0m]  .tabs-nav-wrap .nav-link-bar {
    font-size: 0.7rem;
}

.mainlayout[b-slc8po3y0m]  .tabs-item .tabs-item-close {
    right: .2rem;
    top: 2.5px;
}

.mainlayout[b-slc8po3y0m]  .table-wrapper {
    border-radius: unset;
}

.mainlayout[b-slc8po3y0m]  .layout-side {
    box-shadow: inset -1px 0 0px 0px var(--bs-border-color); /* 下内阴影 */
}

.mainlayout[b-slc8po3y0m]  .layout-banner {
    box-shadow: inset -1px 0 0px 0px var(--bs-border-color); /* 下内阴影 */
}

.mainlayout[b-slc8po3y0m]  .layout {
    --bb-layout-header-height: 32px;
    --bb-layout-headerbar-background: transparent;
    --bs-navbar-color: var(--bb-layout-header-color);
    --bb-layout-header-color: var(--bs-body-color);
    --bb-layout-title-color: var(--bs-body-color);
    --bs-navbar-hover-color: var(--bs-primary);
    --bb-layout-header-background: var(--tg-nav-bg);
    --bb-layout-sidebar-background: var(--tg-nav-bg);
    --bb-layout-footer-background: var(--tg-nav-bg);
    --bb-layout-sidebar-banner-background: var(--tg-nav-bg);
    --bb-layout-banner-font-size: 1.2rem;
    --bb-layout-banner-logo-width: 36px;
    --bb-layout-banner-logo-height: 36px;
    --bb-layout-banner-border-color: var(--tg-nav-bg);
    --bb-layout-header-border-color: var(--tg-nav-bg);
    --line-chart-height: 350px;
    --bb-layout-body-height: calc(100vh - var(--bs-header-height) - var(--bb-layout-header-height) - 20px);
    --line-chart-table-height: calc(100% - var(--line-chart-height) - 20px);
    --table-height: calc(100vh - var(--bs-header-height) - var(--bb-layout-header-height) - 40px);
    --bs-header-height: 30px;
}

@media (min-width: 768px) {
    .mainlayout[b-slc8po3y0m]  .layout-menu .scroll {
        overflow-x: hidden;
    }

    .mainlayout[b-slc8po3y0m]  .layout-right {
        width: calc(100vw - var(--bb-layout-sidebar-width));
    }
}

.mainlayout[b-slc8po3y0m]  .layout-header .dropdown-logout {
    --bb-logout-avatar-width: 28px;
    --bb-logout-avatar-height: 28px;
    --bb-logout-user-bg: rgba(52,58,64,0.7);
    --bb-logout-menu-border-color: var(--bs-border-color);
}

.mainlayout[b-slc8po3y0m]  .layout-header-bar {
    border-color: transparent;
    border: 0px;
    color: var(--bb-layout-header-color);
}

    .mainlayout[b-slc8po3y0m]  .layout-header-bar:hover {
        color: var(--bs-navbar-hover-color);
    }