@import '_content/BlazorStrap/BlazorStrap.10v83wk5fb.bundle.scp.css';
@import '_content/CDP4.WEB.Common/CDP4.WEB.Common.3um9xqflgc.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* _content/COMETwebapp/Components/BookEditor/BookEditorBody.razor.rz.scp.css */
.book-editor-body[b-23e8lsjwrl] {
    display: flex;
}

.book-editor-column[b-23e8lsjwrl]{
    width: 100%;
    display:flex;
    flex-direction:column;
    min-height: 85vh;
    border: 0px dashed #555;
    padding: 5% 0%;
    transition: all 1s;
}

.book-editor-column.collapsed[b-23e8lsjwrl]{
    width:0%;
}

.column-header[b-23e8lsjwrl]{
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap: 5px;
}

    .column-header > h5[b-23e8lsjwrl] {
        font-size: 1rem;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
        padding: 1%;
        border-radius:15px;
        color:white;
    }

.add-item-button[b-23e8lsjwrl]{
    border:0;
    background-color:transparent;
}


.column-content[b-23e8lsjwrl] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    row-gap:10px;
    padding-top: 2%;
    position:relative;
}

.node-container[b-23e8lsjwrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.book-button[b-23e8lsjwrl],.section-button[b-23e8lsjwrl],.page-button[b-23e8lsjwrl],.note-button[b-23e8lsjwrl]{
    border: 0;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    padding: 5%;
    min-width: 50%;
    border-radius: 7px;
    transition: all 0.3s;
    z-index:1;
}

    .book-button:hover[b-23e8lsjwrl], .section-button:hover[b-23e8lsjwrl], .page-button:hover[b-23e8lsjwrl], .note-button:hover[b-23e8lsjwrl] {
        box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);
    }

.selected[b-23e8lsjwrl]{
    box-shadow: 0px 0px 0px 2px #333388 !important;
}

.vertical-line[b-23e8lsjwrl] {
    background-color: transparent;
    height: 15px;
    border: 0;
    border-left: 2px dashed #CCC;
}

.horizontal-line[b-23e8lsjwrl] {
    background-color:transparent;
    margin:0;
    top:55px;
    left:0px;
    position:absolute;
    width: 100%;
    border: 0;
    border-top: 2px dashed #555;
}

.left-half-width[b-23e8lsjwrl]{
    left: 0%;
    width: 50%;
}

.right-half-width[b-23e8lsjwrl]{
    left:50%;
    width:50%;
}
/* _content/COMETwebapp/Components/BookEditor/BookEditorColumn.razor.rz.scp.css */
.no-display[b-hy3rmxcnne]{
    display:none;
}

.book-editor-column[b-hy3rmxcnne] {
    width: 100%;
    display: flex;
    flex-direction: column;
    height:85vh;
    max-height: 85vh;
    border: 0px dashed #555;
    padding: 2.5% 0%;
    transition: all 1s;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

    .book-editor-column.collapsed[b-hy3rmxcnne] {
        width: 0%;
    }

    .book-editor-column.collapsed div[b-hy3rmxcnne]{
        display:none;
    }

.column-header[b-hy3rmxcnne] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    column-gap: 5px;
}

    .column-header > h5[b-hy3rmxcnne] {
        font-size: 1rem;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
        padding: 1%;
        border-radius: 15px;
        color: white;
    }

.add-item-button[b-hy3rmxcnne],.collapse-button[b-hy3rmxcnne] {
    border: 0;
    border-radius: 5px;
    background-color: transparent;
}

.add-item-button.disabled-button[b-hy3rmxcnne]{
    background-color: #DDD;
}

.column-content[b-hy3rmxcnne] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 2%;
    position: relative;
}

.column-scroll-content[b-hy3rmxcnne] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.node-inner-content[b-hy3rmxcnne] {
    position: relative;
    width: 100%;
    border: 0;
    display: flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:2%;
}

.node-button[b-hy3rmxcnne] {
    border: 0;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    padding: 5%;
    min-width: 50%;
    border-radius: 7px;
    transition: all 0.3s;
    z-index: 1;
}

    .node-button:hover[b-hy3rmxcnne] {
        box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);
    }

.selected[b-hy3rmxcnne] {
    box-shadow: 0px 0px 0px 2px #333388 !important;
}

.edit-node-container[b-hy3rmxcnne]{
    display: flex;
    flex-direction: column;
    position:absolute;
    right: 20%;
    background-color: #EEE;
    border-radius:5px;
    overflow:hidden;
    padding: 2px;
    row-gap: 1px;
}

.edit-node-container > button[b-hy3rmxcnne]{
    border: 0;
    background-color: transparent;
}

.edit-node-container > button:hover[b-hy3rmxcnne]{
    background-color: #CCC;
}

.svg-path[b-hy3rmxcnne]{
    position:absolute;
    top: 0%;
    left:0%;
    width:100%;
    height:100%;
    z-index:-1;
}
/* _content/COMETwebapp/Components/Common/DataItemDetailsComponent.razor.rz.scp.css */
.data-item-details-section[b-mi029ti131] {
    padding: 15px;
    border: 1px dashed;
    border-radius: 10px;
    height: 100%;
    overflow: auto;
}

.data-item-details-image[b-mi029ti131] {
    margin: auto;
    display: block;
    width: 300px;
}
/* _content/COMETwebapp/Components/ModelEditor/ElementDefinitionTree.razor.rz.scp.css */
.sticky-scrollable-column[b-2czu78heqt] {
    position: sticky;
    top: 0px;
    overflow: hidden;
}
/* _content/COMETwebapp/Components/ModelEditor/ModelEditor.razor.rz.scp.css */
.sticky-scrollable-column[b-csvswpm3a3] {
    max-height: 80vh;
}
/* _content/COMETwebapp/Components/ParameterEditor/ParameterTable.razor.rz.scp.css */
::ng-deep .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td[b-t69m1d9wig] {
    background-color: orange;
    color: unset;
}

::ng-deep .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link[b-t69m1d9wig],
::ng-deep .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused)[b-t69m1d9wig],
::ng-deep .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused)[b-t69m1d9wig] {
    background-color: red;
    color: #fff;
}

::ng-deep .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td[b-t69m1d9wig],
::ng-deep .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td[b-t69m1d9wig] {
    border-bottom: 1px solid yellow;
}

.table-container[b-t69m1d9wig] {
    width: fit-content;
    margin-top: 15px;
    max-height: 80vh;
}
/* _content/COMETwebapp/Components/ReferenceData/Categories/CategoryNodeComponent.razor.rz.scp.css */
.card.dotted[b-0nc8qzqiz4] {
    border: 2px dotted #000;
}
/* _content/COMETwebapp/Components/Shared/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-irv82vn1xq] .sortable-ghost {
  visibility: hidden;
}

[b-irv82vn1xq] .sortable-fallback {
  opacity: 1 !important
}
/* _content/COMETwebapp/Components/SiteDirectory/UserManagement/UserManagementTable.razor.rz.scp.css */
.highlighted-item > td[b-naeioxhr04] {
    background-color: rgba(245, 198, 203, 0.5);
}
/* _content/COMETwebapp/Components/SystemRepresentation/SystemNode.razor.rz.scp.css */
.node-inner-content[b-rybolood19] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1%;
    padding-left: 0;
    border-radius: 5px;
    margin-bottom: 2px;
}

.treeNode[b-rybolood19] {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: start;
    overflow: hidden;
}

.treeNode > p[b-rybolood19] {
    margin: 0;
}

.treeNode:hover[b-rybolood19] {
    background: #f5f5f5;
}

.active[b-rybolood19] {
    background: lightgray;
}

.children[b-rybolood19] {
    display: flex;
    flex-direction: column;
}

.node-text[b-rybolood19] {
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.expandIcon[b-rybolood19] {
    width: 1.5rem;
    height: 1.5rem;
    background: #EEE;
    padding: 5px;
    border-radius: 50%;
}

.treeIcon[b-rybolood19] {
    margin-left: 5px;
    width: 1.5rem;
    height: auto;
    max-height: 1.5rem;
    max-width: 1.5rem;
}

.vertical-line[b-rybolood19] {
    width: 2px;
    background-color: #EEE;
    border-left: 1px solid #EEE;
    position: absolute;
}

hr[b-rybolood19] {
    min-width: 10px;
    max-width: 10px;
    width: 10px;
    height: 1px;
    border-color: #EEE;
}
/* _content/COMETwebapp/Components/SystemRepresentation/SystemRepresentationBody.razor.rz.scp.css */
#gridParent[b-vnorp7j0r7] {
    margin: 1% 0;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}


/* _content/COMETwebapp/Components/SystemRepresentation/SystemRepresentationTree.razor.rz.scp.css */
#product-tree-title[b-p7vj30a25q] {
    background: #eaecee;
    padding: 2%;
}

#product-tree-container[b-p7vj30a25q] {
    margin: auto;
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 15vw;
}

#product-tree-nodes-section[b-p7vj30a25q] {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
}

#product-tree-top-section[b-p7vj30a25q] {
    display: flex;
    flex-direction: column;
    margin: 3%;
}

#product-tree-filters[b-p7vj30a25q] {
    margin-bottom: 1%;
}

#product-tree-search-bar[b-p7vj30a25q] {
    margin-top: 1%;
}

[b-p7vj30a25q] #tree-filter-drop-down {
    margin: 4%;
}

[b-p7vj30a25q] #tree-search-filter {
    width: 90%;
    margin-left: 2%;
}
/* _content/COMETwebapp/Components/Tabs/TabComponent.razor.rz.scp.css */
.tab-component[b-vei9cy81wk] {
    border-radius: 7.5px;
    padding: 2px 10px 2px 10px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 8px 0px #090E110A;
    background-color: var(--colors-white);
    color: var(--colors-primary-800);
    font-weight: 500;
    width: max-content;
}

.current-tab[b-vei9cy81wk] {
    box-shadow: 0px 0px 3px 0px black!important;
    font-weight: bold;
}
/* _content/COMETwebapp/Components/Tabs/TabsPanelComponent.razor.rz.scp.css */
.tabs-row[b-m16gmr5f7n] {
    background-color: var(--colors-primary-25);
    border-bottom: solid 1px var(--colors-gray-100);
    padding: 16px;
    border-radius: 24px 0px 0px 0px;
    overflow: auto;
    user-select: none;
    justify-content: space-between;
    display: flex;
    max-height: 10vh;
}

#tabs-page-content[b-m16gmr5f7n]{
    max-height: 90vh;
    overflow: auto;
}

.panel-view[b-m16gmr5f7n] {
    overflow-x: auto;
    width: 100%;
}

.panel-view:not(:first-child)[b-m16gmr5f7n] {
    border-left: solid 1px var(--colors-gray-100);
}
/* _content/COMETwebapp/Components/Viewer/ActualFiniteStateSelector.razor.rz.scp.css */
.actual-finite-state[b-jh7r6e58li] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: whitesmoke;
    margin-left: 20px;
    margin-bottom: 4px;
}

.actual-finite-state:hover[b-jh7r6e58li] {
    cursor: pointer;
    background-color: #e3e2e2;
}

.actual-finite-state.selected-state[b-jh7r6e58li] {
    box-shadow: 0 0 0 2px #008bd2;
}

p[b-jh7r6e58li] {
    padding: 0;
    margin: 2%;
    text-align: center;
}

.default-state[b-jh7r6e58li] {
    margin-left: 0;
}

.actual-finite-state-list[b-jh7r6e58li] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #EEEEEE;
    margin-bottom: 6px;
    box-shadow: 0 0 0 2px #EEEEEE;
}
/* _content/COMETwebapp/Components/Viewer/Canvas3D.razor.rz.scp.css */
#canvas-wrap[b-klf4m9f05q] {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#babylon-canvas[b-klf4m9f05q] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
/* _content/COMETwebapp/Components/Viewer/MultipleActualFiniteStateSelector.razor.rz.scp.css */
#state-selector-title[b-p8q6k20c70] {
    background: #eaecee;
    padding: 2%;
    font-weight: bold;
}

#state-selector-container[b-p8q6k20c70] {
    border: 1px solid #eaecee;
    margin: 0;
    padding: 0;
}
/* _content/COMETwebapp/Components/Viewer/PropertiesPanel/DetailsComponent.razor.rz.scp.css */
#details-header[b-4210md3wuy] {
    display: flex;
    align-items: start;
    justify-content: start;
    padding: 2% 3%;
}

#details-header > p[b-4210md3wuy] {
    margin: 0;
    font-weight: bold;
}

#details-body[b-4210md3wuy] {
    padding: 3%;
}
/* _content/COMETwebapp/Components/Viewer/PropertiesPanel/PropertiesComponent.razor.rz.scp.css */
#properties-header[b-z7ggqb0d9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    background: #eaecee;
    font-weight: bold;
    padding: 2%;
}

#properties-title[b-z7ggqb0d9t] {
    background: #eaecee;
    padding: 2%;
    font-size: 1rem;
    font-weight: bold;
}

.submit-button[b-z7ggqb0d9t] {
    border: 0;
    box-shadow: 0 0 0 2px #BBBBBB;
    cursor: pointer;
}

    .submit-button:hover[b-z7ggqb0d9t] {
        background: #DDDDDD;
    }

.button-blue[b-z7ggqb0d9t] {
    box-shadow: 0 0 0 2px #008bd2;
}

#parameters-section[b-z7ggqb0d9t] {
    margin: 2%;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.parameter-item[b-z7ggqb0d9t] {
    margin: 1%;
    background: #EAECEE;
    border-radius: 5px;
    padding: 1%;
    box-shadow: 0 0 0 2px #CCCCCC;
    cursor: pointer;
    transition: all 0.3s;
}

    .parameter-item:hover[b-z7ggqb0d9t] {
        box-shadow: 0 0 0 2px gray;
    }

.parameter-item-selected[b-z7ggqb0d9t] {
    box-shadow: 0 0 0 3px #008bd2 !important;
}

#propertiesPanel[b-z7ggqb0d9t] {
    border: 1px solid lightgray;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
    margin-bottom: 2%;
}
/* _content/COMETwebapp/Components/Viewer/ViewerBody.razor.rz.scp.css */
#gridParent[b-o4s41find3] {
    position: relative;
    margin: 1% 0;
    display: grid;
    grid-template-columns: 0.2fr 1fr 0.2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap: 10px;
}

#leftColumn[b-o4s41find3] {
    grid-area: 1 / 1 / 2 / 2;
    margin: 0;
    margin-right: 2%;
    overflow-y: auto;
    max-height: 67vh;
    top: 0;
    border: 1px solid #EEE;
}

#center-container[b-o4s41find3] {
    margin: 0;
    grid-area: 1 / 2 / 2 / 3;
}

#rightColumn[b-o4s41find3] {
    grid-area: 1 / 3 / 2 / 4;
    margin: 0;
    margin-left: 2%;
    top: 0;
}
/* _content/COMETwebapp/Components/Viewer/ViewerNode.razor.rz.scp.css */
.node-inner-content[b-lhdxpipq4c] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1%;
    padding-left: 0;
    border-radius: 5px;
    margin-bottom: 2px;
}

.treeNode[b-lhdxpipq4c] {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: start;
    overflow: hidden;
}

.treeNode > p[b-lhdxpipq4c] {
    margin: 0;
}

.treeNode:hover[b-lhdxpipq4c] {
    background: #f5f5f5;
}

.active[b-lhdxpipq4c] {
    background: lightgray;
}

.children[b-lhdxpipq4c] {
    display: flex;
    flex-direction: column;
}

.node-text[b-lhdxpipq4c] {
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.expandIcon[b-lhdxpipq4c] {
    width: 1.5rem;
    height: 1.5rem;
    background: #EEE;
    padding: 5px;
    border-radius: 50%;
}

.treeIcon[b-lhdxpipq4c] {
    margin-left: 5px;
    width: 1.5rem;
    height: auto;
    max-height: 1.5rem;
    max-width: 1.5rem;
}

.vertical-line[b-lhdxpipq4c] {
    width: 2px;
    background-color: #EEE;
    border-left: 1px solid #EEE;
    position: absolute;
}

hr[b-lhdxpipq4c] {
    min-width: 10px;
    max-width: 10px;
    width: 10px;
    height: 1px;
    border-color: #EEE;
}
/* _content/COMETwebapp/Components/Viewer/ViewerProductTree.razor.rz.scp.css */
#product-tree-title[b-u8e92jjd3d] {
    background: #eaecee;
    padding: 2%;
}

#product-tree-container[b-u8e92jjd3d] {
    margin: auto;
    margin: 0;
    padding: 0;
    height: 100%;
}

#product-tree-nodes-section[b-u8e92jjd3d] {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
}

#product-tree-top-section[b-u8e92jjd3d] {
    display: flex;
    flex-direction: column;
    margin: 3%;
}

#product-tree-filters[b-u8e92jjd3d] {
    margin-bottom: 1%;
}

#product-tree-search-bar[b-u8e92jjd3d] {
    margin-top: 1%;
}

[b-u8e92jjd3d] #tree-filter-drop-down {
    margin: 4%;
}

[b-u8e92jjd3d] #tree-search-filter {
    width: 90%;
    margin-left: 2%;
}
/* _content/COMETwebapp/Pages/Tabs.razor.rz.scp.css */
.open-tab-box[b-haehaopui7] {
    width: 500px;
    align-items: center;
    display: flex;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 12%);
}

.open-tab-box-container[b-haehaopui7] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    width: 100%;
}
/* _content/COMETwebapp/Shared/SideBar.razor.rz.scp.css */
.main-side-bar[b-gqsycaz5qx] {
    height: 100vh;
    background-color: var(--colors-primary-25);
    padding: 10px 20px 30px 20px;
}
/* _content/COMETwebapp/Shared/SideBarEntry/SideBarItem.razor.rz.scp.css */
.application-item-container[b-75oovsa55c] {
    color: var(--colors-gray-500);
    margin: 0px 10px 0px 10px;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    display: flex;
    justify-content: left;
    align-items: center;
    cursor: pointer;
    width: 250px;
    background-color: transparent;
    transition: width 0.5s;
    white-space: nowrap;
    overflow: hidden;
    height: 52px;
    font-weight: 500;
}

.application-item-container:not(.selected-application-item):hover[b-75oovsa55c] {
    background-color: var(--colors-gray-200);
}

.selected-application-item[b-75oovsa55c] {
    background-color: var(--colors-deep-black);
    transition: background-color 500ms linear;
    color: white !important;
    box-shadow: 0px 8px 16px 0px #090E1126;
}

.application-sidebar-icon[b-75oovsa55c] {
    margin-top: -1.5px;
}

.application-item-content[b-75oovsa55c] {
    display: flex;
    align-items: center;
    gap: 8px;
}