@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';
@import '_content/Talumis.Library.Web/Talumis.Library.Web.2qagxwinm0.bundle.scp.css';

/* _content/Talumis.LBC.UI/Layout/MainMenu.razor.rz.scp.css */

nav[b-fm8mv4k8nb] {
  height: 100%;
}

.btn[b-fm8mv4k8nb] {
  /*width: 100%;
  height: 48px;*/
}

  .btn.not-mine[b-fm8mv4k8nb] {
    height: 68px;
  }


.project a[b-fm8mv4k8nb] {
  text-align: left;
  display: flex;
}

  .project a.btn-outline-secondary[b-fm8mv4k8nb] {
    border-color: transparent;
  }


.sidebar-menu[b-fm8mv4k8nb]  .project {
  display: flex;
}

.project > a.btn-outline-secondary[b-fm8mv4k8nb] {
  border-color: transparent;
}

.sidebar-menu[b-fm8mv4k8nb]  .project .project-title {
  font-weight: bold;
}

.project-title > a.btn-outline-secondary[b-fm8mv4k8nb] {
  border-color: transparent;
}

.sidebar-menu[b-fm8mv4k8nb]  .project .btn {
  flex: 32px 0 0;
}

.sidebar-menu[b-fm8mv4k8nb]  .action {
  text-align: center;
  gap: 0.5rem;
}

.sidebar-menu > .action > .d-flex[b-fm8mv4k8nb] {
  gap: 0.5rem;
}

.sidebar-menu[b-fm8mv4k8nb]  .hint {
  font-style: italic;
  color: var(--bs-gray);
}

.sidebar-menu .btn[b-fm8mv4k8nb] {
  /*height: auto;*/
}

.project a .project-title[b-fm8mv4k8nb],
.project a .project-status[b-fm8mv4k8nb] {
  margin-top: auto;
  margin-bottom: auto;
}

.project a .project-title[b-fm8mv4k8nb],
.nav-link label[b-fm8mv4k8nb] {
  flex-grow: 1;
}

  .project a .project-title .project-owner[b-fm8mv4k8nb] {
    font-size: 80%;
    color: var(--bs-gray);
    margin-top: 4px;
  }

.new-project a[b-fm8mv4k8nb] {
  color: var(--bs-gray);
  text-align: center;
}

  .new-project a:hover[b-fm8mv4k8nb] {
    color: inherit;
  }

.project a:hover .project-title > .project-owner[b-fm8mv4k8nb], .project a:hover > .project-status[b-fm8mv4k8nb] {
  color: inherit;
}


.project.active a[b-fm8mv4k8nb] {
  background-color: var(--bs-gray);
  color: white;
}

.project.active > a .project-owner[b-fm8mv4k8nb] {
  color: white;
}

div#sidebar-menu-bottom[b-fm8mv4k8nb] {
  /*border-top: solid;
  border-width: 0.5px;
  border-color: var(--bs-dark);*/
}


.sidebar-menu .menu-item[b-fm8mv4k8nb] {

  /*height: 48px;*/
}

.menu-item[b-fm8mv4k8nb], a.nav-link[b-fm8mv4k8nb], a.nav-link > label[b-fm8mv4k8nb] {
    cursor: pointer;
}

.sidebar-menu .menu-item .nav-link .icon[b-fm8mv4k8nb] {
    text-align: right !important;
    padding-right: 1.5rem;
}
/* _content/Talumis.LBC.UI/Layout/TopBar.razor.rz.scp.css */
*[b-vzeevcl5p1] {
  --topbar-height: 3.5rem;
}

[b-vzeevcl5p1] .dropdown .dropdown-toggle {
  display: flex;
  margin-top: calc(var(--topbar-height) * 1.1 * 0.25);
}

  [b-vzeevcl5p1] .dropdown .dropdown-toggle::after {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.5em;
  }

  [b-vzeevcl5p1] .dropdown .dropdown-toggle .avatar-circle {
    padding: 0;
    margin: -4px;
    background: var(--bs-primary);
    width: calc(var(--topbar-height) * 1.1);
    height: calc(var(--topbar-height) * 1.1);
    border-radius: var(--topbar-height);
  }

    [b-vzeevcl5p1] .dropdown .dropdown-toggle .avatar-circle span {
      line-height: var(--topbar-height);
      font-size: 32px;
      display: block;
      color: white;
      text-align: center;
      margin: auto auto;
    }

[b-vzeevcl5p1] .dropdown .dropdown-menu .nav-link {
  padding: 4px;
}

  [b-vzeevcl5p1] .dropdown .dropdown-menu .nav-link .fa {
    color: var(--bs-gray);
  }
/* _content/Talumis.LBC.UI/Pages/Operational/ConnectionHistory.razor.rz.scp.css */
.updates[b-x8y2z39osv] {
  height: 70vh;
  overflow-y: auto;
}

.update[b-x8y2z39osv] {
  border: solid 1px transparent;
  border-radius: 3px;
  margin: 5px;
  padding: 5px;
}

  .update:hover[b-x8y2z39osv] {
    box-shadow: rgba(0,0,0, 0.4) 0px 0px 10px;
    border: solid 1px black;
  }

  .update .update-time[b-x8y2z39osv] {
    color: #666666;
    margin-left: auto;
  }


  .update .changes[b-x8y2z39osv] {
    color: #666666;
  }

    .update .changes .change[b-x8y2z39osv] {
      margin-right: 5px;
    }

      .update .changes .change:not(:last-child)[b-x8y2z39osv]::after {
        content: " • "
      }

      .update .changes .change.started-pumping[b-x8y2z39osv] {
        color: var(--bs-primary);
      }

      .update .changes .change .from[b-x8y2z39osv]::before {
        content: ": ";
      }

      .update .changes .change .from[b-x8y2z39osv] {
        text-decoration: line-through;
        color: #666666;
      }

      .update .changes .change .to[b-x8y2z39osv]::before {
        content: " → ";
      }

      .update .changes .change .to[b-x8y2z39osv] {
        color: black;
      }
/* _content/Talumis.LBC.UI/Pages/Operational/Dashboard.razor.rz.scp.css */
*[b-t8x4ry1vqy] {
  --main-panel-height: 80vh;
  --node-radius: 20px;
  --node-label-width: 50px;
}

.col-form-label[b-t8x4ry1vqy] {
  padding-top: 0;
  padding-bottom: 0;
}

.legend[b-t8x4ry1vqy] {
  display: flex;
  font-weight: bold;
}

  .legend label[b-t8x4ry1vqy] {
    display: flex;
    font-weight: normal;
    margin-left: 1em;
  }

    .legend label .legend-color[b-t8x4ry1vqy] {
      width: 1em;
      height: 4px;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 3px;
    }

#canvas[b-t8x4ry1vqy] {
  width: 100%;
  height: var(--main-panel-height);
}

[b-t8x4ry1vqy] .offcanvas-backdrop {
  display: none;
}

[b-t8x4ry1vqy] .offcanvas {
  box-shadow: rgba(0,0,0, 0.4) 0px 0px 10px;
  background: rgba(250, 250, 255);
  /* Ensure modal goes over container */
  z-index: var(--bb-preload-modal-z-index) / 2;
}

[b-t8x4ry1vqy] .blazored-typeahead {
  background: white;
}

.side-panel[b-t8x4ry1vqy] {
  height: var(--main-panel-height);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

  .side-panel > div[b-t8x4ry1vqy] {
    padding: 3px;
  }

  .side-panel .active-connections[b-t8x4ry1vqy] {
    display: block;
  }

    .side-panel .active-connections .route[b-t8x4ry1vqy] {
      display: flex;
      height: calc(20px + 2rem);
    }

      .side-panel .active-connections .route .node[b-t8x4ry1vqy] {
        width: var(--node-radius);
        height: var(--node-radius);
        border-radius: calc(0.5 * var(--node-radius));
        background-color: #999999;
        position: relative;
      }

        .side-panel .active-connections .route .node.start[b-t8x4ry1vqy] {
          --margin: calc(0.5 * (var(--node-label-width) - var(--node-radius)));
          margin-left: var(--margin);
          background-color: #333333;
        }

        .side-panel .active-connections .route .node.end[b-t8x4ry1vqy] {
          --margin: calc(0.5 * (var(--node-label-width) - var(--node-radius)));
          margin-right: var(--margin);
          background-color: #333333;
        }

        .side-panel .active-connections .route .node label[b-t8x4ry1vqy] {
          --margin: calc(-0.5 * (var(--node-label-width) - var(--node-radius)));
          position: absolute;
          top: 100%;
          margin-left: var(--margin);
          width: var(--node-label-width);
          text-align: center;
          font-weight: bold;
        }

        .side-panel .active-connections .route .node.end label[b-t8x4ry1vqy] {
          direction: rtl;
        }

      .side-panel .active-connections .route .connection[b-t8x4ry1vqy] {
        flex: 0% 1;
        height: 0;
        margin-top: calc(0.5 * var(--node-radius));
        position: relative;
      }

        .side-panel .active-connections .route .connection label[b-t8x4ry1vqy] {
          width: 100%;
          margin-top: 3px;
          text-align: center;
          cursor: pointer;
        }

          .side-panel .active-connections .route .connection label:hover[b-t8x4ry1vqy] {
            font-weight: bold;
          }

  .side-panel .latest-changes[b-t8x4ry1vqy] {
    flex-shrink: 1;
    overflow: scroll;
  }

    .side-panel .latest-changes .update[b-t8x4ry1vqy] {
      border: solid 1px transparent;
      border-radius: 3px;
      margin: 5px;
      padding: 5px;
      cursor: pointer;
    }

      .side-panel .latest-changes .update.active[b-t8x4ry1vqy] {
        border: solid 1px var(--bs-primary);
      }

      .side-panel .latest-changes .update:hover[b-t8x4ry1vqy] {
        box-shadow: rgba(0,0,0, 0.4) 0px 0px 10px;
        border: solid 1px black;
      }

      .side-panel .latest-changes .update .connection-name[b-t8x4ry1vqy] {
        display: flex;
        color: #666666;
        gap: 3px;
      }

        .side-panel .latest-changes .update .connection-name .name[b-t8x4ry1vqy] {
          font-weight: bold;
          color: black;
        }


    .side-panel .latest-changes .update-time[b-t8x4ry1vqy] {
      margin-left: auto;
    }


    .side-panel .latest-changes .update .product[b-t8x4ry1vqy] {
    }

    .side-panel .latest-changes .update .changes[b-t8x4ry1vqy] {
      color: #666666;
    }

      .side-panel .latest-changes .update .changes .change[b-t8x4ry1vqy] {
        margin-right: 5px;
      }

        .side-panel .latest-changes .update .changes .change:not(:last-child)[b-t8x4ry1vqy]::after {
          content: " • "
        }

        .side-panel .latest-changes .update .changes .change.started-pumping[b-t8x4ry1vqy] {
          color: var(--bs-primary);
        }

        .side-panel .latest-changes .update .changes .change .from[b-t8x4ry1vqy]::before {
          content: ": ";
        }

        .side-panel .latest-changes .update .changes .change .from[b-t8x4ry1vqy] {
          text-decoration: line-through;
          color: #666666;
        }

        .side-panel .latest-changes .update .changes .change .to[b-t8x4ry1vqy]::before {
          content: " → ";
        }

        .side-panel .latest-changes .update .changes .change .to[b-t8x4ry1vqy] {
          color: black;
        }
/* _content/Talumis.LBC.UI/Pages/Scenario/ClientRequirements/EditClientRequirement.razor.rz.scp.css */
.tank-assignments[b-fgvuwz15pp] {
}

    .tank-assignments label[b-fgvuwz15pp] {
        width: 150px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tank-assignments .col[b-fgvuwz15pp] {
        display: flex;
    }

    .tank-assignments .tank-assignment[b-fgvuwz15pp] {
        padding: 5px;
        margin-right: 3px;
        margin-top: auto;
        margin-bottom: auto;
        border: 1px solid #ced4da;
    }

        .tank-assignments .tank-assignment.add[b-fgvuwz15pp] {
            display: flex;
            padding: 0;
            padding-left: 5px;
            margin-left: 5px;
            border: none;
            border-left: solid 1px var(--success, var(--bs-succes, #198750));
        }

            .tank-assignments .tank-assignment.add .icon[b-fgvuwz15pp] {
                margin-top: auto;
                margin-bottom: auto;
                margin-right: 5px;
            }


            .tank-assignments .tank-assignment.add input[b-fgvuwz15pp] {
                width: 200px !important;
            }

        .tank-assignments .tank-assignment .tank-name[b-fgvuwz15pp] {
            margin-top: auto;
            margin-bottom: auto;
        }

[b-fgvuwz15pp] .tank-assignments .tank-assignment .tank-name .blazored-typeahead__results {
    position: absolute;
    width: 50vw;
}

.tank-assignments .tank-assignment .btn[b-fgvuwz15pp] {
    padding: 4px;
}
/* _content/Talumis.LBC.UI/Pages/Scenario/ClientRequirements/ListClientRequirements.razor.rz.scp.css */
[b-advnluotas] .table .row.deleted .col {
  text-decoration: line-through;
  color: red;
}
/* _content/Talumis.LBC.UI/Pages/Scenario/ConnectionEditor.razor.rz.scp.css */
.connection-name.form-control[b-txaamk933v] {
  width: 100%;
  text-align: center;
  /* .h5: */
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

  .connection-name.form-control:not(:focus-visible)[b-txaamk933v] {
    background: transparent;
  }
/* _content/Talumis.LBC.UI/Pages/Scenario/ScenarioList.razor.rz.scp.css */
.treeview .treeview-item[b-htvkt30qmb] {
}

    .treeview .treeview-item .treeview-item-header[b-htvkt30qmb] {
        display: flex;
    }


        .treeview .treeview-item .treeview-item-header .icon[b-htvkt30qmb] {
            margin-right: 5px;
            width: 32px;
            margin-top: auto;
            margin-bottom: auto;
        }

        .treeview .treeview-item .treeview-item-header .title[b-htvkt30qmb] {
            flex-grow: 1;
            padding-top: 5px;
            color: inherit;
            text-decoration: none;
        }

            .treeview .treeview-item .treeview-item-header .title:hover[b-htvkt30qmb] {
                cursor: pointer;
                background-color: var(--bs-primary);
                color: var(--bs-white);
            }

    .treeview .treeview-item > .treeview-item-header .title .name[b-htvkt30qmb] {
        font-weight: bold;
    }

    .treeview .treeview-item .treeview-item-header.selected > .title .name[b-htvkt30qmb] {
        color: var(--bs-primary);
    }

    .treeview .treeview-item .treeview-item-children[b-htvkt30qmb] {
        border-left: solid 1px silver;
        margin-left: 7px;
        padding-left: 12px;
    }


.grants[b-htvkt30qmb] {
    display: flex;
    flex-wrap: wrap;
}

    .grants .grant[b-htvkt30qmb] {
        padding: 5px;
        margin-right: 3px;
        margin-top: auto;
        margin-bottom: auto;
        border: 1px solid #ced4da;
    }
/* _content/Talumis.LBC.UI/Pages/Shared/_ScenarioTree.razor.rz.scp.css */
.treeview .treeview-item[b-cqfe6i5bvl] {
}

    .treeview .treeview-item .treeview-item-header[b-cqfe6i5bvl] {
        display: flex;
    }


        .treeview .treeview-item .treeview-item-header .icon[b-cqfe6i5bvl] {
            margin-right: 5px;
            width: 32px;
            margin-top: auto;
            margin-bottom: auto;
        }

        .treeview .treeview-item .treeview-item-header .title[b-cqfe6i5bvl] {
            flex-grow: 1;
            padding-top: 5px;
            color: inherit;
            text-decoration: none;
        }

            .treeview .treeview-item .treeview-item-header .title:hover[b-cqfe6i5bvl] {
                cursor: pointer;
                background-color: var(--bs-primary);
                color: var(--bs-white);
            }

    .treeview .treeview-item > .treeview-item-header .title .name[b-cqfe6i5bvl] {
        font-weight: bold;
    }

    .treeview .treeview-item .treeview-item-header.selected > .title .name[b-cqfe6i5bvl] {
        color: var(--bs-primary);
    }

    .treeview .treeview-item .treeview-item-children[b-cqfe6i5bvl] {
        border-left: solid 1px silver;
        margin-left: 7px;
        padding-left: 12px;
    }
/* _content/Talumis.LBC.UI/Pages/Users/UserList.razor.rz.scp.css */
.role-list[b-cg6xcsm8cz] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

  .role-list .role-indicator[b-cg6xcsm8cz] {
    margin-top: auto;
    margin-bottom: auto;
    border: solid 1px var(--bs-border-color);
    padding: 0px 5px;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    flex: calc(33% - 5px);
  }