/* _content/Octane.VCD/Component/DashboardEditModal.razor.rz.scp.css */

.dashboard-input-item[b-96u9kvpox7] {
    display: flex;
    flex-flow: row wrap;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 24px;
}

.dashboard-label[b-96u9kvpox7] {
    flex: 0 0 calc(7 / 24 * 100%);
    max-width: calc(7 / 24 * 100%);
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    position: relative;
    min-height: 1px;
    padding: 5px 8px 0 0;
}

.dashboard-input-control[b-96u9kvpox7] {
    max-width: calc(16 / 24 * 100%);
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    flex-direction: column;
    position: relative;
    min-height: 1px;
}
/* _content/Octane.VCD/Component/DashboardPanelView.razor.rz.scp.css */
.dashboard-panel-content[b-utdkxpkv7a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 14vw;
    flex: 1;
}

.dashboard-panel-menu[b-utdkxpkv7a] {
    display: flex;
    justify-content: flex-end;
    z-index: 10;
    position: absolute;
    right: 2%;
    top: 1%;
}

[b-utdkxpkv7a] .dashboard-panel-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: visibility ease 0.3s, opacity ease 0.3s;
}

.dashboard-panel-view:hover .dashboard-panel-dropdown[b-utdkxpkv7a] {
    opacity: 1;
    visibility: visible;
}

/*For G2Plot Graph components*/
.dashboard-panel-content[b-utdkxpkv7a] >  div {
    width: 100%;
}

.drawer-content[b-utdkxpkv7a] {
    padding: 5px;
    display: flex;
    align-items: center;
    gap: .5em;
    height: 100%;
}

[b-utdkxpkv7a] .drawer-form {
    flex: 1;
}

.drawer-collapse[b-utdkxpkv7a] {
    height: 100%;
    width: 100%;
}

[b-utdkxpkv7a] .customize-button-icon {
    font-size: 1.2em;
}

/* Override default resizable drawer width */
[b-utdkxpkv7a] .resizable-drawer {
    width: 40vw !important;
}

@media screen and (max-width: 480px) {
    [b-utdkxpkv7a] .customize-button-text {
        display: none;
    }

    [b-utdkxpkv7a] .resizable-drawer {
        width: 90vw !important;
    }
}
/* _content/Octane.VCD/Component/DashboardRowList.razor.rz.scp.css */
.dashboard-rows[b-6sbyr6aa8n] {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.dashboard-row[b-6sbyr6aa8n] {
    display: flex;
    align-items: stretch;
    gap: .2em;
}

.row-shift-buttons[b-6sbyr6aa8n] {
    display: flex;
    align-items: center;
}

.dashboard-row-content[b-6sbyr6aa8n] {
    flex: 1;
    padding: 4px;
    display: flex;
    gap: .5em;
    min-height: 14vw;
    min-width: 0;
}

.dashboard-panel-edit[b-6sbyr6aa8n],
.dashboard-row-edit[b-6sbyr6aa8n] {
    border: 1px dashed #8a8684;
}

.dashboard-panel-view[b-6sbyr6aa8n] {
    flex: 1 1 calc(33% - 1rem);
    min-width: 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.add-panel-button[b-6sbyr6aa8n] {
    display: flex;
    border: 1px dashed #8a8684;
    align-items: center;
}

.delete-row-button[b-6sbyr6aa8n] {
    display: flex;
    align-items: center;
}

[b-6sbyr6aa8n] .add-row-button {
    width: 100%;
    border: 1px dashed #8a8684;
}

@media screen and (max-width: 480px) {
    .dashboard-row-content[b-6sbyr6aa8n] {
        flex-direction: column;
    }

    .row-shift-buttons[b-6sbyr6aa8n] {
        display: none;
    }
}
/* _content/Octane.VCD/Component/Graphs/CalendarView.razor.rz.scp.css */
.calendar-body[b-dmmqbwj06i] {
    max-height: 82vh;
    overflow: auto;
    padding: 1em;
}
/* _content/Octane.VCD/Component/Graphs/StatisticView.razor.rz.scp.css */
.stat-container[b-q6u19463uh] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    margin: 10px;
    align-content: center;
    justify-content: center;
}

.statistic-title[b-q6u19463uh] {
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    font-weight: 400;
}

[b-q6u19463uh] .statistic-inner {
    display: flex;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/* _content/Octane.VCD/Component/Panel/GraphSetup/TableTemplate.razor.rz.scp.css */
.table-form-item[b-9l2206x4lw] {
    display: flex;
    gap: .5em;
    margin-bottom: .5em;
}

[b-9l2206x4lw] .table-property-selection {
    width: 100%;
    margin-bottom: .5em;
}

[b-9l2206x4lw] .property-select-body {
    display: flex;
    gap: .5em;
}
/* _content/Octane.VCD/Component/Panel/PanelConfiguration.razor.rz.scp.css */
.asset-selection[b-d8e060m8os] {
    display: flex;
    gap: .5em;
    align-items: center;
}
/* _content/Octane.VCD/Page/Dashboard.razor.rz.scp.css */
.dashboard-header[b-bxtp9213u4] {
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .5em;
}

.dashboard-title-wrapper[b-bxtp9213u4] {
    display: flex;
    gap: 5px;
    flex: .5;
}

[b-bxtp9213u4] .dashboard-title-input {
    flex: .5;
}

.dashboard-title[b-bxtp9213u4] {
    font-size: 25px;
    margin: 0;
}

/* _content/Octane.VCD/Page/DashboardManager.razor.rz.scp.css */
.table-footer[b-6shtgc4lgr] {
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .5em;
}