/* /Pages/Auth/SignIn.razor.rz.scp.css */
.split-screen[b-u80l0hgd8p] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.picture[b-u80l0hgd8p] {
  width: 50%;
  position: relative;
}
.picture .img[b-u80l0hgd8p] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
}
.picture .logo[b-u80l0hgd8p] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 70%;
}
.content[b-u80l0hgd8p] {
  padding: 2rem;
  flex: 1;
  background-color: var(--background-10);
}
.content .mobile-logo[b-u80l0hgd8p] {
  position: relative;
  flex: 1;
  text-align: center;
}
.content .mobile-logo .logo[b-u80l0hgd8p] {
  max-width: 50%;
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-di522rh1bh] {
  overflow-y: scroll;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  padding: 7px 14px 0 81px;
  margin: 0 0 7px -64px;
  box-sizing: border-box;
}
.home .user-welcome[b-di522rh1bh] {
  display: flex;
  padding: 14px;
}
.home .user-welcome .info[b-di522rh1bh] {
  flex: 1;
  color: var(--text);
}
.home .user-welcome .info .large[b-di522rh1bh] {
  font-size: 1.6rem;
  font-weight: bold;
}
.home .user-welcome .info .text[b-di522rh1bh] {
  font-size: 0.9rem;
}
.home .user-welcome .user[b-di522rh1bh] {
  flex: 0;
}
.home .folders[b-di522rh1bh] {
  padding: 14px 0 0 0;
}
.home .task-list[b-di522rh1bh] {
  margin-top: 14px;
}
.home .chart-view[b-di522rh1bh] {
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 64px;
  border-radius: 14px;
}
@media only screen and (max-width: 799px) {
  .home[b-di522rh1bh] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
  }
}
/* /Pages/Tasks.razor.rz.scp.css */
.wrapper[b-tu8jl6k8rj] {
  display: flex;
  position: relative;
  height: 100%;
}
.header-spacer[b-tu8jl6k8rj] {
  height: var(--heading-height);
}
.list[b-tu8jl6k8rj] {
  flex: 1;
  max-width: 40%;
  display: flex;
}
.details[b-tu8jl6k8rj] {
  min-width: 500px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.return[b-tu8jl6k8rj] {
  display: none;
}
@media only screen and (max-width: 800px) {
  .wrapper[b-tu8jl6k8rj] {
    flex-direction: column;
  }
  .list[b-tu8jl6k8rj] {
    max-width: 100%;
  }
  .details[b-tu8jl6k8rj] {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .details.show-details[b-tu8jl6k8rj] {
    display: flex;
  }
  .return[b-tu8jl6k8rj] {
    display: block;
  }
}
/* /Shared/BlankLayout.razor.rz.scp.css */
.page[b-r13y82vnh6] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blank-wrapper[b-r13y82vnh6] {
  display: flex;
  flex: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--app-start);
}
/* /Shared/Components/Avatar.razor.rz.scp.css */

.avatar-wrapper[b-liegwdldg0] {
    display: inline-block;
}

.avatar[b-liegwdldg0] {
    border-radius: 50%;
    background: rgb(100,100,100);
    background: linear-gradient(145deg, rgba(160,165,180,1) 0%, rgba(140,145,150,1) 100%);
    display: block;
    position: relative;
    margin: auto;
}

.display-name[b-liegwdldg0] {
    clear: both;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .8rem;
    margin-top: .2rem;
}

.size-extrasmall[b-liegwdldg0]{
    width: 18px;
}

.size-extrasmall .avatar[b-liegwdldg0] {
    width: 18px;
    height: 18px;
}

    .size-extrasmall .avatar-icon[b-liegwdldg0]  .icon {
        font-size: 9px;
    }

.size-extrasmall[b-liegwdldg0] {
    width: 24px;
}
.size-small .avatar[b-liegwdldg0] {
    width: 24px;
    height: 24px;
}

    .size-small .avatar-icon[b-liegwdldg0]  .icon {
        font-size: 12px;
    }

.size-medium[b-liegwdldg0] {
    width: 32px;
}

.size-medium .avatar[b-liegwdldg0] {
    width: 32px;
    height: 32px;
}

    .size-medium .avatar-icon[b-liegwdldg0]  .icon {
        font-size: 16px;
    }

.size-large[b-liegwdldg0] {
    width: 48px;
}
.size-large .avatar[b-liegwdldg0] {
    width: 48px;
    height: 48px;
}

    .size-large .avatar-icon[b-liegwdldg0]  .icon {
        font-size: 24px;
    }

.size-extralarge[b-liegwdldg0] {
    width: 64px;
}

.size-extralarge .avatar[b-liegwdldg0] {
    width: 64px;
    height: 64px;
}

    .size-extralarge .avatar-icon[b-liegwdldg0]  .icon{
        font-size: 32px;
    }

.avatar-icon[b-liegwdldg0] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .5;
}

    .avatar-icon[b-liegwdldg0]  .icon{

        color: #FFF;
    }

.avatar-initials[b-liegwdldg0] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2rem;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.avatar-image[b-liegwdldg0]{
   
}
/* /Shared/Components/Button.razor.rz.scp.css */
.button-wrapper[b-mg75q5j5sv] {
  position: relative;
  z-index: 2;
}
.button-wrapper .dropdown[b-mg75q5j5sv] {
  display: block;
  position: absolute;
  right: -64px;
  top: -64px;
  z-index: 3;
  padding: 64px;
}
.button-wrapper .dropdown .content[b-mg75q5j5sv] {
  background-color: var(--background-10);
  border: 1px solid var(--separator);
  min-width: 140px;
  max-width: 300px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 32px;
  display: flex;
  flex-direction: column;
  z-index: 4;
  border-radius: 7px;
  padding: 2px;
}
.button-wrapper .dropdown .content[b-mg75q5j5sv]  .list {
  display: flex;
  flex-direction: column;
}
.button-wrapper .dropdown .content[b-mg75q5j5sv]  .list-item,
.button-wrapper .dropdown .content[b-mg75q5j5sv]  button {
  flex: 1;
  margin: 2px;
  padding: 7px;
  border-radius: 7px;
}
.button-wrapper .dropdown .content[b-mg75q5j5sv]  .list-item:hover,
.button-wrapper .dropdown .content[b-mg75q5j5sv]  button:hover {
  background-color: var(--highlight);
}
.button-wrapper button[b-mg75q5j5sv] {
  display: block;
  border-radius: 24px;
  align-items: center;
  gap: 3px;
  padding: 4px 10px;
  transition: all 0.4s;
  z-index: 1;
  color: var(--text);
  background: transparent;
  border: none;
}
.button-wrapper button .icon[b-mg75q5j5sv] {
  margin-top: 0.1rem;
  font-size: 1.2rem;
  opacity: 0.7;
  display: inline-block;
}
.button-wrapper button .label-wrapper[b-mg75q5j5sv] {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.5;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.7rem;
  text-shadow: 0px 0px 2px var(--background);
}
.button-wrapper button:hover[b-mg75q5j5sv] {
  color: var(--accent);
}
.button-wrapper button.simple[b-mg75q5j5sv] {
  border: none;
  background-color: var(--background-20);
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
}
.button-wrapper .icon-wrapper[b-mg75q5j5sv] {
  position: relative;
  border-radius: 50%;
  color: var(--text);
  opacity: 0.3;
}
.button-wrapper .icon-wrapper.active[b-mg75q5j5sv] {
  color: var(--accent);
  opacity: 1;
}
.button-wrapper .icon-wrapper:hover[b-mg75q5j5sv] {
  opacity: 1;
}
.button-wrapper .icon-wrapper .icon[b-mg75q5j5sv] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dropdown-overlay[b-mg75q5j5sv] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
/* /Shared/Components/FolderOverview.razor.rz.scp.css */
.folderOverview[b-5gfbjuvk9u] {
  display: flex;
  flex-direction: column;
  background-color: var(--background-20);
  border-radius: 7px;
  padding: 1rem;
}
.count[b-5gfbjuvk9u] {
  font-size: 3rem;
  font-weight: 500;
  text-align: left;
  flex: 1;
  vertical-align: middle;
}
.title[b-5gfbjuvk9u] {
  display: block;
  opacity: 0.8;
}
.title-icon[b-5gfbjuvk9u] {
  float: left;
  display: inline-block;
  margin-right: 0.4rem;
}
.title-name[b-5gfbjuvk9u] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1rem;
}
[b-5gfbjuvk9u] .icon {
  font-size: 1.2rem !important;
}
/* /Shared/Components/Heading.razor.rz.scp.css */
.header[b-xn1to72ycv] {
  display: none;
  padding: 7px 0 0 7px;
}
.header .title[b-xn1to72ycv] {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.header .title .label[b-xn1to72ycv] {
  flex: 1;
}
.header .title .label[b-xn1to72ycv]  span {
  font-weight: bold;
  font-size: 1.4rem;
  color: var(--heading);
  opacity: 0.3;
}
.header .title .label[b-xn1to72ycv]  span:after {
  padding: 0px 7px;
  content: "\203A";
}
.header .title .label[b-xn1to72ycv]  span:last-child {
  opacity: 1;
}
.header .title .label[b-xn1to72ycv]  span:last-child:after {
  content: "";
}
.header .title .controls[b-xn1to72ycv] {
  display: flex;
  flex-direction: row;
  font-size: 1.4rem;
  margin-right: 4px;
}
.header .client[b-xn1to72ycv] {
  background-color: var(--accent);
  color: var(--text-white);
  font-size: 1rem;
  font-weight: bold;
}
.header-mobile[b-xn1to72ycv] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--heading-height);
  background-color: var(--background-10);
}
.header-mobile .title[b-xn1to72ycv] {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.header-mobile .title .back[b-xn1to72ycv] {
  width: 15%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: start;
  justify-self: center;
  align-items: center;
  height: var(--heading-height);
}
.header-mobile .title .label[b-xn1to72ycv] {
  flex-grow: 2;
  display: flex;
  max-width: 70%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.header-mobile .title .label[b-xn1to72ycv]  span {
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
  color: var(--heading);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-mobile .title .label[b-xn1to72ycv]  span:after {
  padding: 0px 7px;
  content: "\203A";
}
.header-mobile .title .label[b-xn1to72ycv]  span:last-child {
  opacity: 1;
}
.header-mobile .title .label[b-xn1to72ycv]  span:last-child:after {
  content: "";
}
.header-mobile .title .controls[b-xn1to72ycv] {
  width: 15%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  font-size: 1.4rem;
  justify-content: end;
  justify-self: center;
  align-items: center;
  height: var(--heading-height);
  padding-right: 14px;
}
@media only screen and (min-width: 800px) {
  .header[b-xn1to72ycv] {
    display: block;
  }
  .header-mobile[b-xn1to72ycv] {
    display: none !important;
  }
}
/* /Shared/Components/IconView.razor.rz.scp.css */
/* /Shared/Components/Link.razor.rz.scp.css */
.link[b-6s0xikuy3y] {
  display: flex;
  align-items: baseline;
}
.link.right[b-6s0xikuy3y] {
  flex-direction: row;
}
.link.left[b-6s0xikuy3y] {
  flex-direction: row-reverse;
}
.link.top[b-6s0xikuy3y] {
  flex-direction: column;
}
.link.bottom[b-6s0xikuy3y] {
  flex-direction: column-reverse;
}
.text[b-6s0xikuy3y] {
  flex: 1;
  align-self: start;
}
.icon[b-6s0xikuy3y] {
  align-self: baseline;
}
.font-link .icon[b-6s0xikuy3y] {
  padding-top: 1px;
}
.font-title .icon[b-6s0xikuy3y] {
  padding-top: 0.13rem;
}
/* /Shared/Components/ListItem.razor.rz.scp.css */
.list-item[b-60j2fw4m9o] {
  display: flex;
  flex-direction: row;
}
.list-item:hover .controls .hover[b-60j2fw4m9o] {
  display: block !important;
}
.list-item .icon[b-60j2fw4m9o]  .icon {
  opacity: 0.2;
}
.list-item .check[b-60j2fw4m9o]  .icon {
  color: var(--accent);
}
.list-item .check[b-60j2fw4m9o],
.list-item .icon[b-60j2fw4m9o] {
  width: 20px;
  margin-right: 4px;
  position: relative;
}
.list-item .check[b-60j2fw4m9o]  span,
.list-item .icon[b-60j2fw4m9o]  span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -50%);
}
.list-item .info[b-60j2fw4m9o] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.list-item .info .label[b-60j2fw4m9o] {
  font-size: 0.9rem;
  font-weight: bold;
  white-space: nowrap;
}
.list-item .info .details[b-60j2fw4m9o] {
  font-size: 0.8rem;
  color: var(--placeholder);
}
.list-item.toggleswitch .controls[b-60j2fw4m9o] {
  min-width: 40px;
}
.list-item .controls[b-60j2fw4m9o] {
  flex: 0;
  position: relative;
  min-width: 24px;
}
.list-item .controls .hover[b-60j2fw4m9o] {
  display: none;
}
.list-item .controls .hover[b-60j2fw4m9o],
.list-item .controls .visible[b-60j2fw4m9o] {
  position: absolute;
  right: -4px;
  top: 0;
}
.list-item .controls .visible[b-60j2fw4m9o] {
  display: block;
}
/* /Shared/Components/Loader.razor.rz.scp.css */
.overlay[b-cqkmi4pmqy] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--overlay);
  z-index: 10000;
  display: none;
}
.overlay .loader[b-cqkmi4pmqy] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay .loader .loader-fail .data-fail[b-cqkmi4pmqy] {
  visibility: hidden;
}
.overlay .loader .loader-fail .data-loader[b-cqkmi4pmqy] {
  visibility: visible;
}
.overlay .loader .loader-info .data-fail[b-cqkmi4pmqy] {
  visibility: visible;
}
.overlay .loader .loader-info .data-loader[b-cqkmi4pmqy] {
  visibility: hidden;
}
.overlay .loader .loading-progress[b-cqkmi4pmqy] {
  margin: auto;
}
.overlay .loader .loader-content[b-cqkmi4pmqy] {
  margin: auto;
  width: 80vw;
  max-width: 600px;
}
.overlay .loader .loader-content .loader-text[b-cqkmi4pmqy] {
  text-align: center;
  font-size: 2rem;
  color: var(--secondary);
}
.overlay.loader-visible[b-cqkmi4pmqy] {
  display: flex;
  animation: fadein-b-cqkmi4pmqy 1.5s;
}
@keyframes fadein-b-cqkmi4pmqy {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout-b-cqkmi4pmqy {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.data-fail[b-cqkmi4pmqy] {
  font-size: 7rem;
  color: var(--secondary);
}
.data-loader[b-cqkmi4pmqy] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
}
.data-loader > div:last-child[b-cqkmi4pmqy] {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
.data-loader > div:last-child > div[b-cqkmi4pmqy] {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--secondary);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.data-loader > div:last-child > div:nth-child(1)[b-cqkmi4pmqy] {
  left: 8px;
  animation: data-loader-1-b-cqkmi4pmqy 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(2)[b-cqkmi4pmqy] {
  left: 8px;
  animation: data-loader-2-b-cqkmi4pmqy 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(3)[b-cqkmi4pmqy] {
  left: 32px;
  animation: data-loader-2-b-cqkmi4pmqy 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(4)[b-cqkmi4pmqy] {
  left: 56px;
  animation: data-loader-3-b-cqkmi4pmqy 0.6s infinite;
}
@keyframes data-loader-1-b-cqkmi4pmqy {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes data-loader-2-b-cqkmi4pmqy {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes data-loader-3-b-cqkmi4pmqy {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
/* /Shared/Components/MenuItem.razor.rz.scp.css */
.item[b-ifwnr0cl0x] {
    /*flex: 1;*/
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-content: center;
}

/* /Shared/Components/ModalWindow.razor.rz.scp.css */
.modal-window .modal-content[b-7ph3b7us1d] {
  min-width: 600px;
  min-height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--background-10);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 128px;
  border: 1px solid var(--background);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
}
.modal-window .title[b-7ph3b7us1d] {
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
  padding-top: 7px;
  color: var(--placeholder);
}
.modal-window .content-wrapper[b-7ph3b7us1d] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d] {
  width: 20%;
  min-width: 120px;
  padding: 14px 0px 14px 14px;
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .menu-group {
  padding-bottom: 14px;
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .item {
  padding: 7px;
  display: flex;
  flex-direction: row;
  background-color: var(--highlight-half);
  font-size: 0.8rem;
  gap: 4px;
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .item.active {
  background-color: var(--accent);
  color: var(--text-white);
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .item:hover:not(.active) {
  background-color: var(--background);
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .item:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.modal-window .content-wrapper .side-menu[b-7ph3b7us1d]  .item:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.modal-window .content-wrapper .content[b-7ph3b7us1d] {
  flex: 1;
  padding: 14px;
}
.modal-window .content-wrapper .content[b-7ph3b7us1d]  .list {
  margin-bottom: 14px;
  background-color: var(--background);
  border-radius: 7px;
  padding: 7px 7px;
}
.modal-window .content-wrapper .content[b-7ph3b7us1d]  .list-item {
  padding: 2px;
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  gap: 4px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--separator);
}
.modal-window .content-wrapper .content[b-7ph3b7us1d]  .list-item:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.modal-window .content-wrapper .content[b-7ph3b7us1d]  .list-item:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom: none;
}
/* GLOBALS */
.modal-window[b-7ph3b7us1d] {
  background-color: var(--highlight-half);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.modal-window.visible[b-7ph3b7us1d] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal-close[b-7ph3b7us1d] {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  text-decoration: none;
}
.modal-close:hover[b-7ph3b7us1d] {
  color: black;
}
/* /Shared/Components/NavBar.razor.rz.scp.css */
.wrapper[b-gklzpi8i2o] {
    display: flex;
    flex-direction: row;
    background-color: var(--background-10);
    justify-content: space-evenly;
    justify-items: stretch;
    flex: 1;
}

[b-gklzpi8i2o] .menu-item{
    flex: 1;
}

[b-gklzpi8i2o] .item {
    text-align: center;
    padding: 7px 7px 21px 7px;
    cursor: default;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

    [b-gklzpi8i2o] .item:first-child {
        border-top-left-radius: 0px;
    }

    [b-gklzpi8i2o] .item:last-child {
        border-top-right-radius: 0px;
    }

    [b-gklzpi8i2o] .item:not(.active):hover {
        background-color: var(--highlight);
    }

[b-gklzpi8i2o] .title{
    font-size: .7rem;
}

[b-gklzpi8i2o] .icon {
    font-size: 1.3rem;
}



[b-gklzpi8i2o] .active {
    
    background-color: var(--accent);
    color: var(--text-white);
}
/* /Shared/Components/NavMenu.razor.rz.scp.css */
.menu[b-0dh6crv06m] {
  height: 100%;
  background-color: var(--background-10);
  padding: 14px 0 14px 7px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
.menu[b-0dh6crv06m]  .menu-item {
  display: block;
}
.menu[b-0dh6crv06m]  .item + .sub-menu:has(.active) {
  display: block;
}
.menu[b-0dh6crv06m]  .sub-menu {
  display: none;
  padding-left: 1.3rem;
  align-content: stretch;
  justify-items: stretch;
}
.menu[b-0dh6crv06m]  .sub-menu .menu-item {
  flex-direction: row;
  justify-content: stretch;
}
.menu[b-0dh6crv06m]  .sub-menu .item {
  padding: 0px 5px;
  margin: 0 5px 0 0;
  font-weight: bold;
  flex-direction: row;
  flex: 1;
  color: var(--text-lighten);
}
.menu[b-0dh6crv06m]  .sub-menu .item .title {
  padding: 0;
  flex: 1;
}
.menu[b-0dh6crv06m]  .sub-menu .item:not(.active):hover {
  background-color: transparent;
  color: var(--text);
}
.menu[b-0dh6crv06m]  .sub-menu .item.active {
  color: var(--accent) !important;
  background-color: transparent !important;
}
.menu[b-0dh6crv06m]  .item {
  text-align: left;
  padding: 5px 10px;
  flex-direction: row;
  border-radius: 10px;
  margin: 4px 0 4px 7px;
  cursor: default;
  z-index: 10000;
  align-items: center;
}
.menu[b-0dh6crv06m]  .item .icon {
  font-size: 1.3rem;
  margin: 2px 0 0 1px;
}
.menu[b-0dh6crv06m]  .item .title {
  font-size: 0.7rem;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0 5px 0 5px;
  flex: 1;
}
.menu[b-0dh6crv06m]  .item .count {
  border-radius: 4px;
  padding: 2px 4px;
  background-color: var(--highlight);
  color: var(--text);
  font-size: 0.7rem;
  /*background-color: var(--accent);
            color: var(--text-white);*/
}
.menu[b-0dh6crv06m]  .item:not(.active):hover {
  background-color: var(--highlight);
}
.menu[b-0dh6crv06m]  .active,
.menu[b-0dh6crv06m]  .menu-item:has(.active) > .item {
  background-color: var(--accent);
  color: var(--text-white);
}
.menu .filler[b-0dh6crv06m] {
  flex: 1;
}
.close[b-0dh6crv06m] {
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  bottom: 0;
  cursor: default;
  z-index: 10000;
  background-color: var(--background);
  opacity: 0.7;
}
.close.hide[b-0dh6crv06m] {
  display: none!important;
}
.close:hover[b-0dh6crv06m] {
  background-color: var(--background);
}
@media only screen and (max-width: 800px) {
  .menu[b-0dh6crv06m] {
    padding: 7px 14px 7px 7px;
    width: 80%;
    box-shadow: 0 0 24px var(--background);
  }
}
/* /Shared/Components/Placeholder.razor.rz.scp.css */
.placeholder[b-uam2xj3mdz] {
  position: relative;
  flex: 1;
  padding: 14px;
  min-height: 64px;
}
.placeholder .description[b-uam2xj3mdz] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.placeholder .description .icon[b-uam2xj3mdz] {
  font-size: 32px;
  opacity: 0.1;
  padding: 7px;
}
.placeholder .description .label[b-uam2xj3mdz] {
  font-size: 0.9rem;
  opacity: 0.3;
}
/* /Shared/Components/ProgressBar.razor.rz.scp.css */
*[b-4g6k7wonzn],
*[b-4g6k7wonzn]:before,
*[b-4g6k7wonzn]:after {
    box-sizing: border-box;
}

.set-size[b-4g6k7wonzn] {
    font-size: 5em;
}

.charts-container[b-4g6k7wonzn]:after {
    clear: both;
    content: "";
    display: table;
}

.pie-wrapper[b-4g6k7wonzn] {
    height: 1em;
    width: 1em;
    float: left;
    margin: 15px;
    position: relative;
}

    .pie-wrapper:nth-child(3n+1)[b-4g6k7wonzn] {
        clear: both;
    }

    .pie-wrapper .pie[b-4g6k7wonzn] {
        height: 100%;
        width: 100%;
        clip: rect(0, 1em, 1em, 0.5em);
        left: 0;
        position: absolute;
        top: 0;
    }

        .pie-wrapper .pie .half-circle[b-4g6k7wonzn] {
            height: 100%;
            width: 100%;
            border: 0.1em solid #3498db;
            border-radius: 50%;
            clip: rect(0, 0.5em, 1em, 0);
            left: 0;
            position: absolute;
            top: 0;
        }

    .pie-wrapper .label[b-4g6k7wonzn] {
        background: #34495e;
        border-radius: 50%;
        bottom: 0.4em;
        color: #ecf0f1;
        cursor: default;
        display: block;
        font-size: 0.25em;
        left: 0.4em;
        line-height: 2.8em;
        position: absolute;
        right: 0.4em;
        text-align: center;
        top: 0.4em;
    }

        .pie-wrapper .label .smaller[b-4g6k7wonzn] {
            color: #bdc3c7;
            font-size: 0.45em;
            padding-bottom: 20px;
            vertical-align: super;
        }

    .pie-wrapper .shadow[b-4g6k7wonzn] {
        height: 100%;
        width: 100%;
        border: 0.1em solid #bdc3c7;
        border-radius: 50%;
    }

    .pie-wrapper.style-2 .label[b-4g6k7wonzn] {
        background: none;
        color: #7f8c8d;
    }

        .pie-wrapper.style-2 .label .smaller[b-4g6k7wonzn] {
            color: #bdc3c7;
        }

    .pie-wrapper.progress-30 .pie .half-circle[b-4g6k7wonzn] {
        border-color: #3498db;
    }

    .pie-wrapper.progress-30 .pie .left-side[b-4g6k7wonzn] {
        transform: rotate(108deg);
    }

    .pie-wrapper.progress-30 .pie .right-side[b-4g6k7wonzn] {
        display: none;
    }

    .pie-wrapper.progress-60 .pie[b-4g6k7wonzn] {
        clip: rect(auto, auto, auto, auto);
    }

        .pie-wrapper.progress-60 .pie .half-circle[b-4g6k7wonzn] {
            border-color: #9b59b6;
        }

        .pie-wrapper.progress-60 .pie .left-side[b-4g6k7wonzn] {
            transform: rotate(216deg);
        }

        .pie-wrapper.progress-60 .pie .right-side[b-4g6k7wonzn] {
            transform: rotate(180deg);
        }

    .pie-wrapper.progress-90 .pie[b-4g6k7wonzn] {
        clip: rect(auto, auto, auto, auto);
    }

        .pie-wrapper.progress-90 .pie .half-circle[b-4g6k7wonzn] {
            border-color: #e67e22;
        }

        .pie-wrapper.progress-90 .pie .left-side[b-4g6k7wonzn] {
            transform: rotate(324deg);
        }

        .pie-wrapper.progress-90 .pie .right-side[b-4g6k7wonzn] {
            transform: rotate(180deg);
        }

    .pie-wrapper.progress-45 .pie .half-circle[b-4g6k7wonzn] {
        border-color: #1abc9c;
    }

    .pie-wrapper.progress-45 .pie .left-side[b-4g6k7wonzn] {
        transform: rotate(162deg);
    }

    .pie-wrapper.progress-45 .pie .right-side[b-4g6k7wonzn] {
        display: none;
    }

    .pie-wrapper.progress-75 .pie[b-4g6k7wonzn] {
        clip: rect(auto, auto, auto, auto);
    }

        .pie-wrapper.progress-75 .pie .half-circle[b-4g6k7wonzn] {
            border-color: #8e44ad;
        }

        .pie-wrapper.progress-75 .pie .left-side[b-4g6k7wonzn] {
            transform: rotate(270deg);
        }

        .pie-wrapper.progress-75 .pie .right-side[b-4g6k7wonzn] {
            transform: rotate(180deg);
        }

    .pie-wrapper.progress-95 .pie[b-4g6k7wonzn] {
        clip: rect(auto, auto, auto, auto);
    }

        .pie-wrapper.progress-95 .pie .half-circle[b-4g6k7wonzn] {
            border-color: #e74c3c;
        }

        .pie-wrapper.progress-95 .pie .left-side[b-4g6k7wonzn] {
            transform: rotate(342deg);
        }

        .pie-wrapper.progress-95 .pie .right-side[b-4g6k7wonzn] {
            transform: rotate(180deg);
        }

.pie-wrapper--solid[b-4g6k7wonzn] {
    border-radius: 50%;
    overflow: hidden;
}

    .pie-wrapper--solid[b-4g6k7wonzn]:before {
        border-radius: 0 100% 100% 0/50%;
        content: "";
        display: block;
        height: 100%;
        margin-left: 50%;
        transform-origin: left;
    }

    .pie-wrapper--solid .label[b-4g6k7wonzn] {
        background: transparent;
    }

    .pie-wrapper--solid.progress-65[b-4g6k7wonzn] {
        background: linear-gradient(to right, #e67e22 50%, #34495e 50%);
    }

        .pie-wrapper--solid.progress-65[b-4g6k7wonzn]:before {
            background: #e67e22;
            transform: rotate(126deg);
        }

    .pie-wrapper--solid.progress-25[b-4g6k7wonzn] {
        background: linear-gradient(to right, #9b59b6 50%, #34495e 50%);
    }

        .pie-wrapper--solid.progress-25[b-4g6k7wonzn]:before {
            background: #34495e;
            transform: rotate(-270deg);
        }

    .pie-wrapper--solid.progress-88[b-4g6k7wonzn] {
        background: linear-gradient(to right, #3498db 50%, #34495e 50%);
    }

        .pie-wrapper--solid.progress-88[b-4g6k7wonzn]:before {
            background: #3498db;
            transform: rotate(43.2deg);
        }
/* /Shared/Components/ProgressTag.razor.rz.scp.css */
.status-tag[b-s0rkmvb155] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 7px;
  color: var(--text-white);
  font-weight: bold;
  font-size: 1rem;
  text-wrap: nowrap;
}
.status-tag.size-small[b-s0rkmvb155] {
  padding: 2px 5px;
  font-size: 0.8rem;
}
.status-tag.new[b-s0rkmvb155] {
  background: var(--state-new);
  color: var(--border);
}
.status-tag.inprogress[b-s0rkmvb155] {
  background: var(--state-inprogress);
}
.status-tag.pending[b-s0rkmvb155] {
  background: var(--state-pending);
}
.status-tag.closed[b-s0rkmvb155] {
  background: var(--state-closed);
}
.status-tag.canceled[b-s0rkmvb155] {
  background: var(--state-canceled);
}
.status-tag.archived[b-s0rkmvb155] {
  background: var(--state-archived);
}
/* /Shared/Components/ScrollView.razor.rz.scp.css */
.items[b-6lx8c6aepr] {
  position: relative;
  width: 100%;
  white-space: nowrap;
  transition: all 0.2s;
  transform: scale(1);
  will-change: transform;
  user-select: none;
  cursor: pointer;
  display: flex;
  scroll-snap-type: x proximity;
}
.items.active[b-6lx8c6aepr] {
  /*background: rgba(255,255,255,0.3);*/
  transform: scale(1.05);
}
.item[b-6lx8c6aepr] {
  flex: 1;
  display: flex;
  scroll-snap-align: center;
}
.movable[b-6lx8c6aepr] {
  overflow-x: hidden;
  overflow-y: hidden;
}
.movable .item[b-6lx8c6aepr] {
  scroll-snap-align: none !important;
}
.active.movable[b-6lx8c6aepr] {
  cursor: grabbing;
}
.active.movable[b-6lx8c6aepr]  * {
  cursor: grabbing;
}
.movable[b-6lx8c6aepr] {
  cursor: grab;
}
.movable[b-6lx8c6aepr]  * {
  cursor: grab;
}
.scrollx[b-6lx8c6aepr] {
  overflow-x: scroll!important;
  -webkit-overflow-scrolling: touch;
}
.scrollable[b-6lx8c6aepr] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable[b-6lx8c6aepr]::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  /* make scrollbar transparent */
  display: none;
}
/* /Shared/Components/Separator.razor.rz.scp.css */
.separator[b-zm8ku2807k] {
    position: relative;
}

    .separator.horizontal[b-zm8ku2807k] {
        width: 100%;
        height: 3px;
    }

    .separator.vertical[b-zm8ku2807k] {
        height: 100%;
        width: 3px;
    }

.separator:has(.label)[b-zm8ku2807k]{
    height: 28px;
}

.horizontal .line[b-zm8ku2807k] {
    width: 100%;
    position: absolute;
    border-bottom: 1px solid var(--separator);
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.vertical .line[b-zm8ku2807k] {
    height: 100%;
    position: absolute;
    border-left: 1px solid var(--separator);
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.label[b-zm8ku2807k] {
    position: absolute;
    background-color: var(--background-20);
    color: var(--accent);
    padding: 3px 6px;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    left: 28px;
}
/* /Shared/Components/TaskItem.razor.rz.scp.css */
.item:has(+ .item.active)[b-p4kaqyvsty] {
  border-bottom: 1px solid transparent;
}
.item[b-p4kaqyvsty] {
  display: flex;
  min-height: 40px;
  padding: 10px;
  border-bottom: 1px solid var(--background-10);
  margin: 2px 0;
  position: relative;
  border-radius: 7px;
}
.item:hover[b-p4kaqyvsty],
.item.active[b-p4kaqyvsty] {
  border-bottom: 1px solid transparent;
}
.item:hover[b-p4kaqyvsty],
.item.active[b-p4kaqyvsty] {
  background-color: var(--background-10);
}
.item:has( + .item:hover)[b-p4kaqyvsty] {
  border-bottom: 1px solid transparent;
}
.item:last-child[b-p4kaqyvsty] {
  border-bottom: none;
}
.item.inprogress[b-p4kaqyvsty] {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3rem, var(--in-progress) 3rem, var(--in-progress) 6rem);
  background-size: 200% 200%;
  animation: barberpole-b-p4kaqyvsty 20s linear infinite;
}
@keyframes barberpole-b-p4kaqyvsty {
  100% {
    background-position: 100% 100%;
  }
}
.item.unread .progress[b-p4kaqyvsty]:before {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent);
  margin-right: 7px;
}
.item .content[b-p4kaqyvsty] {
  flex: 1;
}
.item .content[b-p4kaqyvsty]  .pinned {
  background: -webkit-linear-gradient(#ff6a00, #ffd800);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
  margin-right: 2px;
}
.item .content[b-p4kaqyvsty]  .running {
  margin-right: 4px;
}
.item .content div:last-child[b-p4kaqyvsty] {
  margin-bottom: 0;
}
.item .content .for[b-p4kaqyvsty] {
  font-size: 0.7rem;
  opacity: 1;
  color: var(--accent);
  font-weight: bold;
}
.item .content .for span:not(.divider):hover[b-p4kaqyvsty] {
  text-decoration: underline;
}
.item .content .for .divider[b-p4kaqyvsty] {
  color: var(--separator);
  padding: 0 3px;
}
.item .content .title[b-p4kaqyvsty] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.item .content .title .text[b-p4kaqyvsty] {
  font-size: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: bold;
}
.item .content .sticky-note span[b-p4kaqyvsty] {
  background: var(--accent);
  padding: 1px 7px;
  border-radius: 4px;
  display: inline-block;
  color: var(--text-white);
  font-size: 0.7rem;
  font-weight: bold;
}
.item .content .summary[b-p4kaqyvsty] {
  font-size: 0.8rem;
  opacity: 0.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.item .details[b-p4kaqyvsty] {
  display: flex;
  flex-direction: column;
}
.item .details .progress[b-p4kaqyvsty] {
  position: relative;
  text-align: right;
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.item .details .progress .archived[b-p4kaqyvsty],
.item .details .progress .canceled[b-p4kaqyvsty] {
  opacity: 0.5;
}
.item .details .due-date[b-p4kaqyvsty] {
  font-size: 0.7rem;
  opacity: 0.4;
  text-align: right;
}
.item .details .spacer[b-p4kaqyvsty] {
  flex: 1;
}
.item .details .widgets[b-p4kaqyvsty] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 4px;
}
.item .details .widgets[b-p4kaqyvsty]  .icon {
  font-size: 16px;
  opacity: 0.2;
}
/* /Shared/Components/TimeLine.razor.rz.scp.css */
.timeline[b-t10ibxtipy] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 100vw;
  margin-bottom: 3rem;
}
.timeline[b-t10ibxtipy]  .item:last-child {
  padding-bottom: 0;
}
.timeline[b-t10ibxtipy]  .item:first-child {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 3rem;
}
/* /Shared/Components/TimeLineItem.razor.rz.scp.css */
.item[b-omr68dvo09] {
  border-left: 8px solid var(--background-20);
  position: relative;
  padding: 2rem 1.5rem 0.5rem 2.5rem;
  font-size: 1rem;
  margin-left: 2rem;
  min-height: 5rem;
  max-width: 100vw;
  scroll-snap-align: center;
}
.status p[b-omr68dvo09] {
  margin: 0;
  font-size: 1.2rem;
  color: var(--text);
  text-transform: uppercase;
  text-align: center;
}
.status[b-omr68dvo09] {
  padding: 1.6rem 0;
}
.icon[b-omr68dvo09] {
  position: absolute;
  left: -1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  display: block;
  border-radius: 50%;
  background-color: var(--background-20);
  padding: 0;
  margin: 0 1rem 0 -4px;
}
.icon[b-omr68dvo09]  > div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.icon[b-omr68dvo09]  .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: normal;
  opacity: 0.5;
}
.date[b-omr68dvo09] {
  margin-left: 0.3rem;
  font-size: 0.8em;
}
.date span[b-omr68dvo09] {
  color: var(--background-20);
  padding-left: 0.4rem;
}
.content[b-omr68dvo09] {
  padding: 0.3rem 0.3rem;
  border-radius: 0.5rem;
  flex-direction: column;
  display: flex;
  font-weight: bold;
}
.content span[b-omr68dvo09] {
  color: var(--placeholder);
  font-size: 90%;
  font-weight: normal;
}
@media (min-width: 992px) {
  .item[b-omr68dvo09] {
    margin-left: 16rem;
  }
  .date[b-omr68dvo09] {
    position: absolute;
    left: -16rem;
    width: 12.5rem;
    text-align: right;
  }
  .date span[b-omr68dvo09] {
    display: block;
  }
  .content[b-omr68dvo09] {
    padding: 0;
    background-color: transparent;
    margin-left: 0.8rem;
    min-height: 3rem;
    justify-content: space-around;
  }
}
/* /Shared/Components/Toast.razor.rz.scp.css */
.cs-toast[b-p345862uxh] {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 14px;
  color: var(--text-white);
  z-index: 999;
  position: absolute;
  min-width: 200px;
  bottom: 2rem;
  border-radius: 7px;
  right: 2rem;
  flex-direction: row;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 24px;
  z-index: 100000;
}
.cs-toast-icon[b-p345862uxh] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7px;
  font-size: 2.5rem;
  color: var(--text-white);
}
.cs-toast-body[b-p345862uxh] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 7px;
}
.cs-toast-body p[b-p345862uxh] {
  margin-bottom: 0;
  color: var(--text-white);
  padding: 0;
  margin: 0;
}
.cs-toast-body h5[b-p345862uxh] {
  padding: 0;
  margin: 0;
}
.cs-toast-visible[b-p345862uxh] {
  display: flex;
  flex-direction: row;
  animation: fadein-b-p345862uxh 1.5s;
}
@keyframes fadein-b-p345862uxh {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* /Shared/Components/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-28mlmp9oxb] {
  position: relative;
}
.toggle-switch .switch[b-28mlmp9oxb] {
  display: inline-block;
  width: 40px;
  /*=w*/
  height: 20px;
  /*=h*/
  margin: 2px;
  position: relative;
}
.toggle-switch .slider[b-28mlmp9oxb] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  box-shadow: 0 0 0 2px var(--separator), 0 0 4px var(--separator);
  cursor: pointer;
  border: 2px solid transparent;
  overflow: hidden;
  transition: 0.2s;
}
.toggle-switch .slider[b-28mlmp9oxb]:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #777;
  border-radius: 20px;
  transform: translateX(-20px);
  /*translateX(-(w-h))*/
  transition: 0.2s;
}
.toggle-switch .checked .slider[b-28mlmp9oxb]:before {
  transform: translateX(20px);
  /*translateX(w-h)*/
  background-color: var(--control-green);
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-oicp5eis7n] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.context-menu[b-oicp5eis7n] {
  padding: 5px 14px;
  background-color: var(--background-10);
  display: flex;
  flex-direction: row;
  margin-bottom: 2px;
}
.context-menu .default[b-oicp5eis7n] {
  gap: 4px;
  flex: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  justify-content: start;
  justify-self: center;
  align-items: center;
}
.context-menu .more[b-oicp5eis7n] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  justify-self: center;
  align-items: center;
  margin-right: 4px;
}
.main[b-oicp5eis7n] {
  flex: 1;
  display: flex;
  flex-direction: row;
  max-height: 100vh;
}
.content[b-oicp5eis7n] {
  flex: 1;
  position: relative;
}
.sidebar[b-oicp5eis7n] {
  min-width: 200px;
}
.blur[b-oicp5eis7n] {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
@media only screen and (max-width: 800px) {
  .sidebar[b-oicp5eis7n] {
    min-width: auto;
  }
}
/* /Shared/Parts/TaskDetail.razor.rz.scp.css */
.detail-overlay[b-fe0ph4t9ry] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-10);
  width: 100%;
  height: 100%;
}
.detail-wrapper[b-fe0ph4t9ry] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 14px 7px 7px 7px;
  max-height: 100vh;
}
.detail-wrapper .header-spacer[b-fe0ph4t9ry] {
  height: 14px;
}
.detail-wrapper .actions[b-fe0ph4t9ry] {
  margin-top: 7px;
  padding: 7px;
  background-color: var(--highlight-half);
  display: flex;
  flex-direction: row;
  border-radius: 14px;
}
.detail-wrapper .actions .default[b-fe0ph4t9ry] {
  gap: 4px;
  flex: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  justify-content: start;
  justify-self: center;
  align-items: center;
}
.detail-wrapper .actions .state-info[b-fe0ph4t9ry] {
  font-size: 0.8rem;
  opacity: 0.5;
  padding-left: 14px;
}
.detail-wrapper .actions .more[b-fe0ph4t9ry] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  justify-self: center;
  align-items: center;
  margin-right: 4px;
}
.detail-wrapper .details[b-fe0ph4t9ry] {
  padding: 7px;
  position: relative;
  margin: 7px 10px 0 0;
  border-bottom: 1px solid var(--separator);
}
.detail-wrapper .details .show-details[b-fe0ph4t9ry] {
  position: absolute;
  right: 0px;
  bottom: 10px;
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.6;
}
.detail-wrapper .details .show-details:hover[b-fe0ph4t9ry] {
  color: var(--accent);
  opacity: 0.8;
}
.detail-wrapper .details.expanded .row[b-fe0ph4t9ry] {
  display: flex;
}
.detail-wrapper .details.collapsed .row[b-fe0ph4t9ry] {
  display: none;
}
.detail-wrapper .details .row[b-fe0ph4t9ry] {
  flex-direction: row;
  font-size: 0.8rem;
  gap: 14px;
  padding: 4px;
}
.detail-wrapper .details .row.always[b-fe0ph4t9ry] {
  display: flex;
}
.detail-wrapper .details .row:last-child[b-fe0ph4t9ry] {
  border-bottom: none;
}
.detail-wrapper .details .row .label[b-fe0ph4t9ry] {
  opacity: 0.5;
  min-width: 80px;
}
.detail-wrapper .details .row .value[b-fe0ph4t9ry] {
  flex: 1;
  opacity: 0.8;
}
.detail-wrapper .content[b-fe0ph4t9ry] {
  flex: 1;
  position: relative;
  z-index: 1;
}
.detail-wrapper .content .scroll[b-fe0ph4t9ry] {
  position: absolute;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
}
.detail-wrapper .content .scroll > div[b-fe0ph4t9ry] {
  z-index: 1;
}
.detail-wrapper .content .scroll .summary[b-fe0ph4t9ry] {
  padding: 10px;
  font-size: 0.95rem;
  line-height: 1.6rem;
  text-shadow: 0px 0px 5px var(--background);
  color: var(--text);
}
.detail-wrapper .content .scroll .summary p[b-fe0ph4t9ry] {
  padding-top: 0;
  margin-top: 0;
}
.detail-wrapper .content .scroll .widget[b-fe0ph4t9ry] {
  padding: 7px;
  display: none;
}
.detail-wrapper .content .scroll .widget.visible[b-fe0ph4t9ry] {
  display: flex;
}
/* /Shared/Parts/TaskList.razor.rz.scp.css */
.wrapper[b-hkb10no0ae] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 14px;
  padding: 7px;
  background-color: var(--background);
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 64px;
}
.heading[b-hkb10no0ae] {
  padding: 7px 7px 0 7px;
}
.heading .filter-item[b-hkb10no0ae] {
  display: flex;
  background-color: var(--background-10);
  padding: 7px 7px 7px 14px;
  border-radius: 10px;
  margin-bottom: 9px;
}
.heading .filter-item:last-child[b-hkb10no0ae] {
  margin-bottom: 0;
}
.heading .filter-item .name[b-hkb10no0ae] {
  color: var(--accent);
  font-size: 1rem;
  font-weight: bold;
  flex: 1;
  display: flex;
  align-items: center;
}
.heading .filter-item .remove[b-hkb10no0ae] {
  display: inline-block;
}
.search[b-hkb10no0ae] {
  display: flex;
  background-color: var(--background-10);
  border-radius: 7px;
  padding-right: 7px;
  padding: 7px;
  margin: 7px 7px 0 7px;
}
.searchfield[b-hkb10no0ae] {
  background-color: transparent;
  border: none;
  font-weight: 300;
  flex: 1;
  outline: none;
}
.search-info[b-hkb10no0ae] {
  font-weight: 300;
  color: var(--placeholder);
  text-align: center;
  font-size: 0.8rem;
  padding-top: 7px;
  font-style: italic;
}
.list[b-hkb10no0ae] {
  flex: 1;
  display: flex;
  position: relative;
}
.list-content[b-hkb10no0ae] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  top: 7px;
  overflow-y: auto;
  padding: 0px 7px 0px 7px;
}
.actions[b-hkb10no0ae] {
  padding: 7px 4px 4px 4px;
  font-size: 0.7rem;
  opacity: 0.4;
}
.simple-list[b-hkb10no0ae] {
  padding: 7px;
  background-color: var(--background);
  border-radius: 14px;
}
/* /Shared/Widgets/Chart.razor.rz.scp.css */
.chart-wrapper[b-1jove8sdi6] {
  background: var(--background);
  color: #abafc6;
  border-radius: 14px;
  flex: 1;
  position: relative;
  height: 200px;
}
.chart-wrapper .scroll[b-1jove8sdi6] {
  overflow-x: auto;
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
}
.chart-wrapper .chart[b-1jove8sdi6] {
  padding: 7px;
  display: flex;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
  margin: 0 7px 0 7px;
}
.chart-wrapper .chart .item[b-1jove8sdi6] {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  padding: 7px;
  align-items: center;
  flex: 1 1 0;
  width: 0;
  min-width: 32px;
}
.chart-wrapper .chart .item .bar-wrapper[b-1jove8sdi6] {
  flex: 1;
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 14px;
  max-width: 36px;
}
.chart-wrapper .chart .item .bar-wrapper .bar[b-1jove8sdi6] {
  background-color: #abafc6;
  width: 100%;
  border-radius: 7px;
}
.chart-wrapper .chart .item .label[b-1jove8sdi6] {
  flex: 0;
  padding-top: 10px;
  text-align: center;
}
.chart-wrapper .chart .item .label span[b-1jove8sdi6] {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.chart-wrapper .chart .item .label .day-name[b-1jove8sdi6] {
  font-size: 1.1rem;
  font-weight: bold;
}
.chart-wrapper .chart .item .label .day-date[b-1jove8sdi6] {
  font-size: 0.7rem;
  opacity: 0.7;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.item:hover .bar[b-1jove8sdi6],
.selected .bar[b-1jove8sdi6] {
  background: var(--accent);
}
.item:hover p[b-1jove8sdi6],
.selected .label[b-1jove8sdi6] {
  color: var(--accent);
}
/* /Shared/Widgets/ListableWidget.razor.rz.scp.css */
.row[b-ks93j1oawk] {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1;
  padding: 0 7px;
}
.row.insert[b-ks93j1oawk] {
  padding-top: 7px;
}
.row.insert .add[b-ks93j1oawk] {
  opacity: 1;
}
.row.inserting[b-ks93j1oawk] {
  background-color: var(--accent);
}
.row.empty[b-ks93j1oawk] {
  opacity: 0.4;
  margin-bottom: 7px;
}
.row[b-ks93j1oawk]  div {
  display: flex;
}
.row[b-ks93j1oawk]  div input,
.row[b-ks93j1oawk]  div select,
.row[b-ks93j1oawk]  div span:not(.glyph-icon) {
  flex: 1;
  width: 100%;
  padding: 7px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 0.8rem;
}
.row .label[b-ks93j1oawk] {
  flex: 1;
  text-align: center;
}
.row[b-ks93j1oawk]  .shrink {
  flex: 0;
}
.row[b-ks93j1oawk]  .stretch {
  flex: 1;
}
.row[b-ks93j1oawk]  .controls {
  flex: 0;
  min-width: 48px;
  justify-content: end;
}
.row[b-ks93j1oawk]  .check {
  opacity: 1;
}
.row[b-ks93j1oawk]  .check.active .icon-wrapper {
  color: var(--accent) !important;
}
.list[b-ks93j1oawk] {
  background-color: var(--highlight);
  border-radius: 7px;
}
.list .row[b-ks93j1oawk] {
  margin: 0;
  padding: 0px 7px;
}
.list .row .controls[b-ks93j1oawk] {
  opacity: 0;
}
.list .row:hover .controls[b-ks93j1oawk] {
  opacity: 1;
}
.list.active .order-helper[b-ks93j1oawk] {
  position: relative;
  transition: all linear 1s;
}
.list.active .order-helper.dragged-over[b-ks93j1oawk]:before {
  content: "";
  display: block;
  height: 2px;
  left: 7px;
  top: 4px;
  right: 7px;
  position: absolute;
  background-color: var(--accent) !important;
}
.list .order-helper[b-ks93j1oawk] {
  height: 10px;
  flex: 1;
}
[b-ks93j1oawk]::placeholder {
  color: var(--placeholder);
  font-style: italic;
}
:focus[b-ks93j1oawk]::placeholder {
  color: transparent;
}
/* /Shared/Widgets/ShoppingCart.razor.rz.scp.css */
/* /Shared/Widgets/StickyNote.razor.rz.scp.css */
.sticky-note[b-kl1mm6eksl] {
  flex: 1;
  width: 100%;
  padding: 4px 7px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--accent);
  text-align: left;
}
[b-kl1mm6eksl]::placeholder {
  color: var(--text);
  opacity: 0.7;
  font-style: italic;
  font-weight: normal;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
  font-size: 0.8rem;
}
:focus[b-kl1mm6eksl]::placeholder {
  color: transparent;
}
/* /Shared/Widgets/TodoList.razor.rz.scp.css */
/* /Shared/Widgets/WidgetWrapper.razor.rz.scp.css */
.widget-content[b-tykzpp6oxt] {
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--highlight-half);
  border-radius: 14px;
  padding: 14px 10px 7px 10px;
  position: relative;
  margin-top: 2rem;
}
.widget-content .title[b-tykzpp6oxt] {
  position: absolute;
  top: -12px;
  left: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 7px;
  padding: 2px 6px;
  color: var(--text-white);
  background-color: var(--accent);
  font-size: 0.7rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 32px;
}