@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Pages/Components/ActivitiesComponent.razor.rz.scp.css */
ul.timeline[b-zlh670robk] {
  list-style-type: none;
  position: relative;
}

  ul.timeline[b-zlh670robk]:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
  }

  ul.timeline > li[b-zlh670robk] {
    margin: 20px 0;
    padding-left: 20px;
  }

    ul.timeline > li[b-zlh670robk]:before {
      content: ' ';
      background: white;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      border: 3px solid #22c0e8; /* #fea667 */
      left: 20px;
      width: 20px;
      height: 20px;
      z-index: 400;
    }
/* /Pages/Components/DowntimeComponent.razor.rz.scp.css */
ul.timeline[b-yzrzixdwly] {
  list-style-type: none;
  position: relative;
}

  ul.timeline[b-yzrzixdwly]:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
  }

  ul.timeline > li[b-yzrzixdwly] {
    margin: 20px 0;
    padding-left: 20px;
  }

    ul.timeline > li[b-yzrzixdwly]:before {
      content: ' ';
      background: white;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      border: 3px solid #22c0e8; /* #fea667 */
      left: 20px;
      width: 20px;
      height: 20px;
      z-index: 400;
    }
/* /Pages/Components/JobPickerComponent.razor.rz.scp.css */
ul.timeline[b-89gw0n3gcx] {
  list-style-type: none;
  position: relative;
}

  ul.timeline[b-89gw0n3gcx]:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
  }

  ul.timeline > li[b-89gw0n3gcx] {
    margin: 20px 0;
    padding-left: 20px;
  }

    ul.timeline > li[b-89gw0n3gcx]:before {
      content: ' ';
      background: white;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      border: 3px solid #22c0e8; /* #fea667 */
      left: 20px;
      width: 20px;
      height: 20px;
      z-index: 400;
    }
/* /Pages/Components/JobPickerNestedGridComponent.razor.rz.scp.css */
/* /Pages/Components/LoginComponent.razor.rz.scp.css */
.center-screen[b-sw9qe6oq0a] {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
/* /Pages/Components/MachinesComponent.razor.rz.scp.css */

/* /Pages/Components/WorkActivityComponent.razor.rz.scp.css */
ul.timeline[b-mkh6akavic] {
  list-style-type: none;
  position: relative;
}

  ul.timeline[b-mkh6akavic]:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
  }

  ul.timeline > li[b-mkh6akavic] {
    margin: 20px 0;
    padding-left: 20px;
  }

    ul.timeline > li[b-mkh6akavic]:before {
      content: ' ';
      background: white;
      display: inline-block;
      position: absolute;
      border-radius: 50%;
      border: 3px solid #22c0e8; /* #fea667 */
      left: 20px;
      width: 20px;
      height: 20px;
      z-index: 400;
    }


[b-mkh6akavic] .large-rounded-btn {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  padding: 0 0 0 0;
  font-weight: bold;
  font-size: 21px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px -30px 16px -8px inset, rgba(0, 0, 0, 0.1) 0px 0px 16px -0px inset;
}

[b-mkh6akavic] .medium-rounded-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 0 0 2px 0;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.1) 0px -30px 16px -8px inset, rgba(0, 0, 0, 0.1) 0px 0px 16px -0px inset;
}

[b-mkh6akavic] .small-rounded-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0 0 0 0;
  font-size: 14px;
  font-weight: bold;
  /*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset, rgba(0, 0, 0, 0.35) 0px 18px 36px -18px inset;*/
  box-shadow: rgba(0, 0, 0, 0.1) 0px -30px 16px -8px inset, rgba(0, 0, 0, 0.1) 0px 0px 16px -0px inset;
}

[b-mkh6akavic] .digit {
  font-size: 24px;
}

[b-mkh6akavic] .txt {
  font-size: 24px;
}

[b-mkh6akavic] .pulse-btn {
  animation: pulse-animation-b-mkh6akavic 2s infinite;
}

@keyframes pulse-animation-b-mkh6akavic {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
/* /Pages/Index.razor.rz.scp.css */
.center-screen[b-ievnra2lqe] {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.bottomright[b-ievnra2lqe] {
  position: fixed;
  bottom: 0px;
  right: 0px;
}

[b-ievnra2lqe] .left-container-shadow-box {
  padding: 0.5rem;
  background-color: white;
  width: fit-content;
  border-radius: 0 10px 0 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-ievnra2lqe] .right-container-shadow-box {
  padding: 0.5rem;
  background-color: white;
  width: fit-content;
  border-radius: 10px 0 0 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-ievnra2lqe] .large-rounded-circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  padding: 0 0 0 0;
  font-weight: bold;
  font-size: 21px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px -30px 16px -8px inset, rgba(0, 0, 0, 0.1) 0px 0px 16px -0px inset;
}

[b-ievnra2lqe] .medium-rounded-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 0 0 2px 0;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.1) 0px -30px 16px -8px inset, rgba(0, 0, 0, 0.1) 0px 0px 16px -0px inset;
}

[b-ievnra2lqe] .small-rounded-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0 0 0 0;
  font-size: 8px;
  font-weight: bold;
}

[b-ievnra2lqe] .pulse {
  background-color: limegreen;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(50, 205, 50, 0.2);
  animation: pulse-b-ievnra2lqe 3s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.2);
  }

  70% {
    -webkit-box-shadow: 0 0 0 4px rgba(50, 205, 50, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(50, 205, 50, 0);
  }
}

@keyframes pulse-b-ievnra2lqe {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.2);
    box-shadow: 0 0 0 0 rgba(50, 205, 50, 0.2);
  }

  40% {
    -moz-box-shadow: 0 0 0 4px rgba(50, 205, 50, 0);
    box-shadow: 0 0 0 4px rgba(50, 205, 50, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(50, 205, 50, 0);
    box-shadow: 0 0 0 0 rgba(50, 205, 50, 0);
  }
}
/* /Pages/Overseer.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-ue12j0c5j8] {
  height: 100%;
  font-family: var(--bs-font-sans-serif);
}

[b-ue12j0c5j8] .content {
    overflow: auto;
}

/*@media (max-width: 768px) {
    ::deep .layout-sidebar {
        grid-area: header / header / header / header !important;
    }
}*/
/* /Shared/NavMenu.razor.rz.scp.css */
#sidebar[b-dwvujiiut8] {
    min-width: 15rem;
    max-width: 15rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
}

[b-dwvujiiut8] .sidebar-header {
    padding: 2rem 1rem;
}

.logo[b-dwvujiiut8] {
    text-align: center;
}

[b-dwvujiiut8] .menu-button-container {
    display: none;
    align-self: center;
}

.menu-button[b-dwvujiiut8] {
    padding: 0.375rem;
    width: 1.875rem;
    height: 1.875rem;
    background-image: url("images/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

[b-dwvujiiut8] .menu {
    background-color: inherit;
}

    [b-dwvujiiut8] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-dwvujiiut8] .menu-item {
    color: var(--bs-white);
}

[b-dwvujiiut8] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

[b-dwvujiiut8] .home-icon {
    background-image: url("images/home.svg");
}

[b-dwvujiiut8] .weather-icon {
    background-image: url("images/weather.svg");
}

[b-dwvujiiut8] .counter-icon {
    background-image: url("images/counter.svg");
}

[b-dwvujiiut8] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-dwvujiiut8] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-dwvujiiut8] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-dwvujiiut8] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-dwvujiiut8] .footer {
    text-align: center;
    gap: 0.5rem;
    padding-bottom: 1.5rem;
}

#sidebar.expanded[b-dwvujiiut8]  .layout-item {
    display: block;
}

#sidebar.expanded[b-dwvujiiut8]  .footer {
    display: block;
}

@media (max-width: 768px) {
    #sidebar[b-dwvujiiut8] {
        min-width: inherit;
        max-width: inherit;
    }

        #sidebar.expanded[b-dwvujiiut8] {
            position: fixed;
            width: 100%;
            z-index: 3;
        }

            #sidebar.expanded[b-dwvujiiut8]  .sidebar-header {
                border-bottom: 1px solid var(--bs-white);
            }

            #sidebar.expanded .menu-button[b-dwvujiiut8] {
                background-image: url("images/close.svg");
            }

        #sidebar:not(.expanded)[b-dwvujiiut8]  .dxbl-gridlayout-root {
            gap: unset !important;
        }

    .logo[b-dwvujiiut8] {
        text-align: inherit;
    }

    [b-dwvujiiut8] .menu-button-container {
        display: block;
    }

    [b-dwvujiiut8] .layout-item {
        display: none;
    }

    [b-dwvujiiut8] .footer {
        display: none;
    }
}