/* /Layout/AuthLayout.razor.rz.scp.css */
/* /Layout/IconView.razor.rz.scp.css */
/* /Layout/Loader.razor.rz.scp.css */
.overlay[b-ntv6z3dgbr] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--overlay);
  z-index: 10000;
  display: none;
}
.overlay .loader[b-ntv6z3dgbr] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay .loader .loader-fail .data-fail[b-ntv6z3dgbr] {
  visibility: hidden;
}
.overlay .loader .loader-fail .data-loader[b-ntv6z3dgbr] {
  visibility: visible;
}
.overlay .loader .loader-info .data-fail[b-ntv6z3dgbr] {
  visibility: visible;
}
.overlay .loader .loader-info .data-loader[b-ntv6z3dgbr] {
  visibility: hidden;
}
.overlay .loader .loading-progress[b-ntv6z3dgbr] {
  margin: auto;
}
.overlay .loader .loader-content[b-ntv6z3dgbr] {
  margin: auto;
  width: 80vw;
  max-width: 600px;
}
.overlay .loader .loader-content .loader-text[b-ntv6z3dgbr] {
  text-align: center;
  font-size: 2rem;
  color: var(--secondary);
}
.overlay.loader-visible[b-ntv6z3dgbr] {
  display: flex;
  animation: fadein-b-ntv6z3dgbr 1.5s;
}
@keyframes fadein-b-ntv6z3dgbr {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout-b-ntv6z3dgbr {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.data-fail[b-ntv6z3dgbr] {
  font-size: 7rem;
  color: var(--secondary);
}
.data-loader[b-ntv6z3dgbr] {
  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-ntv6z3dgbr] {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
.data-loader > div:last-child > div[b-ntv6z3dgbr] {
  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-ntv6z3dgbr] {
  left: 8px;
  animation: data-loader-1-b-ntv6z3dgbr 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(2)[b-ntv6z3dgbr] {
  left: 8px;
  animation: data-loader-2-b-ntv6z3dgbr 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(3)[b-ntv6z3dgbr] {
  left: 32px;
  animation: data-loader-2-b-ntv6z3dgbr 0.6s infinite;
}
.data-loader > div:last-child > div:nth-child(4)[b-ntv6z3dgbr] {
  left: 56px;
  animation: data-loader-3-b-ntv6z3dgbr 0.6s infinite;
}
@keyframes data-loader-1-b-ntv6z3dgbr {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes data-loader-2-b-ntv6z3dgbr {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes data-loader-3-b-ntv6z3dgbr {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
/* /Layout/ProgressTag.razor.rz.scp.css */
.status-tag[b-7hd7bwvai1] {
  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-7hd7bwvai1] {
  padding: 2px 5px;
  font-size: 0.8rem;
}
.status-tag.new[b-7hd7bwvai1] {
  background: var(--state-new);
  color: var(--border);
}
.status-tag.inprogress[b-7hd7bwvai1] {
  background: var(--state-inprogress);
}
.status-tag.pending[b-7hd7bwvai1] {
  background: var(--state-pending);
}
.status-tag.completed[b-7hd7bwvai1] {
  background: var(--state-completed);
}
.status-tag.canceled[b-7hd7bwvai1] {
  background: var(--state-canceled);
}
.status-tag.archived[b-7hd7bwvai1] {
  background: var(--state-archived);
}
/* /Layout/Sidebar.razor.rz.scp.css */
[b-dr1i7m21cq] a {
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
}
.sidebar[b-dr1i7m21cq] {
  display: flex;
  flex-direction: row;
}
.sidebar.half[b-dr1i7m21cq] {
  flex: 1;
}
.sidebar header[b-dr1i7m21cq] {
  display: flex;
  flex-direction: column;
  background-color: var(--background-content-secondary);
}
.sidebar header .logo[b-dr1i7m21cq] {
  flex: 1;
  display: flex;
}
.sidebar header .logo .logo-bg[b-dr1i7m21cq] {
  background-color: #FFF;
}
.sidebar header menu[b-dr1i7m21cq] {
  padding: 7px;
  text-align: center;
  flex-direction: column;
  display: flex;
}
.sidebar header menu a[b-dr1i7m21cq] {
  flex: 1;
  display: flex;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none!important;
}
.sidebar header menu a.active[b-dr1i7m21cq] {
  opacity: 1;
}
.sidebar header menu a.active .menu-item[b-dr1i7m21cq] {
  opacity: 1;
  color: var(--primary);
}
.sidebar header menu a .menu-item[b-dr1i7m21cq] {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--text);
  margin: 7px;
  padding: 7px;
  cursor: pointer;
  border-radius: 7px;
  align-items: center;
  opacity: 0.6;
}
.sidebar header menu a .menu-item *[b-dr1i7m21cq] {
  cursor: pointer;
}
.sidebar header menu a .menu-item[b-dr1i7m21cq]  .icon {
  font-size: 28px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.sidebar header menu a .menu-item .title[b-dr1i7m21cq] {
  font-weight: bold;
  margin-top: 4px;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.sidebar header menu a:hover[b-dr1i7m21cq] {
  cursor: pointer !important;
}
.sidebar header menu a:hover .menu-item[b-dr1i7m21cq] {
  background-color: var(--background-content) !important;
  opacity: 0.8;
}
.sidebar .text[b-dr1i7m21cq] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-content: center;
  padding: 10%;
  justify-content: center;
  text-align: right;
}
.sidebar .text .text-welcome[b-dr1i7m21cq] {
  font-size: 1.2rem;
  color: var(--gray);
  font-weight: bold;
  margin-bottom: 14px;
}
.sidebar .text .text-help[b-dr1i7m21cq] {
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: bold;
  color: var(--secondary);
  line-height: 110%;
}
@media only screen and (max-width: 799px) {
  .sidebar[b-dr1i7m21cq] {
    max-height: 100px;
  }
  .sidebar.half[b-dr1i7m21cq] {
    flex: none;
  }
  .logo[b-dr1i7m21cq] {
    flex-direction: row;
    display: none!important;
  }
  .logo img[b-dr1i7m21cq] {
    height: 80%;
    padding: 5%;
  }
  .logo-bg[b-dr1i7m21cq] {
    height: 86px;
    padding: 7px 24px;
  }
  .logo-bg-end[b-dr1i7m21cq] {
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 100px solid #FFF;
  }
  .text[b-dr1i7m21cq] {
    display: none!important;
  }
  header[b-dr1i7m21cq] {
    height: 0px;
    flex: 1;
    flex-direction: row !important;
  }
  header menu[b-dr1i7m21cq] {
    padding: 0 !important;
    height: var(--menu-height);
    flex-direction: row !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 10000;
    justify-content: space-evenly;
    border-top: 1px solid var(--border);
    background: var(--background-content-secondary);
  }
  header menu .space-filler[b-dr1i7m21cq] {
    display: none;
  }
  header menu a[b-dr1i7m21cq] {
    justify-content: center;
    min-width: 3rem;
  }
  header menu a:hover .menu-item[b-dr1i7m21cq] {
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 800px) {
  .logo[b-dr1i7m21cq] {
    flex-direction: column;
  }
  .logo img[b-dr1i7m21cq] {
    transform: rotate(90deg);
    width: 100%;
  }
  .logo-bg[b-dr1i7m21cq] {
    width: 100px;
    padding: 48px 0px;
  }
  .logo-bg-end[b-dr1i7m21cq] {
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 100px solid #FFF;
  }
  menu[b-dr1i7m21cq] {
    flex: 1;
  }
  menu .space-filler[b-dr1i7m21cq] {
    flex: 1;
  }
}
/* /Layout/TicketLink.razor.rz.scp.css */
.link[b-cbu5zno1e5] {
  font-weight: bold;
  cursor: pointer;
}
.link:hover[b-cbu5zno1e5] {
  color: var(--primary);
}
/* /Layout/TicketListView.razor.rz.scp.css */
.list[b-2vsp5ixnxk] {
  display: flex;
  flex-direction: column;
}
.list .item[b-2vsp5ixnxk] {
  display: flex;
  flex-direction: column;
  margin: -7px -14px 14px -14px;
  padding: 7px 14px 7px 14px;
  border-radius: 10px;
}
.list .item *[b-2vsp5ixnxk] {
  cursor: pointer;
}
.list .item *[b-2vsp5ixnxk]  {
  cursor: pointer;
}
.list .item:hover[b-2vsp5ixnxk] {
  background: var(--highlight);
}
.list .item .header[b-2vsp5ixnxk] {
  display: flex;
  flex-direction: row;
  line-height: 1rem;
}
.list .item .header .title[b-2vsp5ixnxk] {
  margin-right: 7px;
  color: var(--primary);
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  /*white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;*/
}
.list .item .description[b-2vsp5ixnxk] {
  font-size: 0.9rem;
  color: var(--text);
}
.list .item .date[b-2vsp5ixnxk] {
  font-size: 0.7rem;
  color: var(--gray);
}
.list .item .date .date-text[b-2vsp5ixnxk] {
  margin-right: 4px;
}
.list .item.archived[b-2vsp5ixnxk] {
  color: var(--gray);
}
.list .item.archived .header a[b-2vsp5ixnxk] {
  color: var(--gray);
}
@media only screen and (max-width: 799px) {
  .list .item[b-2vsp5ixnxk] {
    padding-top: 14px;
    border-bottom: 1px solid var(--background-content-secondary);
    padding: 1rem 2rem;
    margin: 0;
    border-radius: 0;
  }
  .list .item:hover[b-2vsp5ixnxk] {
    border-bottom: 1px solid transparent;
  }
}
/* /Layout/TimeLine.razor.rz.scp.css */
.timeline[b-esnoiymntt] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 100vw;
}
.timeline[b-esnoiymntt]  .item:first-child .event-connector {
  top: 10px !important;
}
.timeline[b-esnoiymntt]  .item:last-child .event-connector {
  display: none;
}
/* /Layout/TimeLineItem.razor.rz.scp.css */
.item[b-n6bxft9p4c] {
  display: flex;
  flex-direction: row;
}
.item .event-type[b-n6bxft9p4c] {
  position: relative;
  width: 21px;
}
.item .event-type .event-connector[b-n6bxft9p4c] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  background-color: var(--background-light);
  top: 0;
  bottom: 0;
}
.item .event-type .event-mark[b-n6bxft9p4c] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--background-light);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid var(--background-light);
}
.item .event-type .event-mark.created[b-n6bxft9p4c] {
  background: var(--state-new);
}
.item .event-type .event-mark.started[b-n6bxft9p4c] {
  background: var(--state-inprogress);
}
.item .event-type .event-mark.stopped[b-n6bxft9p4c] {
  background: var(--state-pending);
}
.item .event-type .event-mark.canceled[b-n6bxft9p4c] {
  background: var(--state-canceled);
}
.item .event-type .event-mark.completed[b-n6bxft9p4c] {
  background: var(--state-completed);
}
.item .timeline-info[b-n6bxft9p4c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 28px;
}
.item .timeline-info .text[b-n6bxft9p4c] {
  font-size: 0.9rem;
  margin-bottom: 14px;
}
.item .timeline-info .text.comment span[b-n6bxft9p4c] {
  display: inline-block;
  background-color: var(--background);
  padding: 7px 12px;
  border-radius: 14px;
  margin-top: 4px;
  margin-left: -12px;
  font-size: 0.9rem;
}
.item .timeline-info .text.created[b-n6bxft9p4c],
.item .timeline-info .text.started[b-n6bxft9p4c],
.item .timeline-info .text.stopped[b-n6bxft9p4c],
.item .timeline-info .text.canceled[b-n6bxft9p4c],
.item .timeline-info .text.closed[b-n6bxft9p4c] {
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--gray);
  font-weight: bold;
  opacity: 0.3;
}
.item .timeline-info .information[b-n6bxft9p4c] {
  font-size: 0.7rem;
  color: var(--gray);
}
/* /Layout/Toast.razor.rz.scp.css */
.cs-toast[b-v1kdjh8ped] {
  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-v1kdjh8ped] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7px;
  font-size: 2.5rem;
  color: var(--text-white);
}
.cs-toast-body[b-v1kdjh8ped] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 7px;
}
.cs-toast-body p[b-v1kdjh8ped] {
  margin-bottom: 0;
  color: var(--text-white);
  padding: 0;
  margin: 0;
}
.cs-toast-body h5[b-v1kdjh8ped] {
  padding: 0;
  margin: 0;
}
.cs-toast-visible[b-v1kdjh8ped] {
  display: flex;
  flex-direction: row;
  animation: fadein-b-v1kdjh8ped 1.5s;
}
@keyframes fadein-b-v1kdjh8ped {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* /Pages/DashboardPage.razor.rz.scp.css */
.dashboard-info h3[b-4oaj4htywf] {
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
}
.dashboard-info h4[b-4oaj4htywf] {
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
.dashboard-info .ticket-count span[b-4oaj4htywf] {
  display: inline-block;
  margin-top: 14px;
  font-size: 3rem;
  font-weight: bold;
  color: var(--secondary);
  text-transform: uppercase;
}
.ticket-overview[b-4oaj4htywf] {
  padding-top: 2rem;
  margin-bottom: 2rem;
}
.ticket-list[b-4oaj4htywf] {
  width: 100%;
}
.ticket-list .columns[b-4oaj4htywf] {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 2rem;
  flex: 1 1 0px;
}
.ticket-list .tickets[b-4oaj4htywf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 0;
}
.ticket-list .tickets p[b-4oaj4htywf] {
  color: var(--secondary);
  padding: 0 0 1rem 0;
  margin: 7px 0 0 0;
}
.ticket-list h2[b-4oaj4htywf] {
  padding-top: 0;
  margin-top: 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--secondary);
  border-bottom: 1px solid var(--border);
  margin-bottom: 7px;
  padding-bottom: 7px;
}
@media only screen and (max-width: 799px) {
  .dashboard-info[b-4oaj4htywf] {
    padding: 0 2rem;
  }
  .dashboard-info .ticket-count span[b-4oaj4htywf] {
    margin-top: 7px;
    font-size: 2rem;
  }
  h2[b-4oaj4htywf] {
    padding: 1rem 2rem !important;
    margin-top: 0;
    background-color: var(--background-content);
    backdrop-filter: blur(3px);
    border-bottom: 1px solid var(--border) !important;
    border-top: none !important;
    text-align: center;
    margin-bottom: 1px !important;
    top: 4rem;
    position: sticky;
    z-index: 1000;
  }
  .ticket-overview[b-4oaj4htywf] {
    display: flex;
  }
  .ticket-overview .tickets h2[b-4oaj4htywf] {
    display: none;
  }
  .columns[b-4oaj4htywf] {
    flex-direction: column !important;
    flex: 1;
    gap: 0 !important;
  }
  .columns .tickets[b-4oaj4htywf] {
    width: auto !important;
  }
  .columns .tickets p[b-4oaj4htywf] {
    display: none;
  }
  .ticket-overview[b-4oaj4htywf] {
    margin-bottom: 0;
  }
  .ticket-overview[b-4oaj4htywf]  .tickets:last-child .item:last-child {
    border-bottom: none;
  }
  .secondary[b-4oaj4htywf] {
    padding: 0;
    margin-top: 0;
  }
  .secondary[b-4oaj4htywf]  .tickets .item:last-child {
    border-bottom: none;
  }
}
/* /Pages/TicketViewPage.razor.rz.scp.css */
.ticket-header[b-1e3cui9ssj] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ticket-header .ticket-header[b-1e3cui9ssj] {
  flex: 1;
}
.ticket-header .ticket-header h5[b-1e3cui9ssj] {
  color: var(--border);
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 14px;
}
.ticket-header .actions[b-1e3cui9ssj] {
  display: flex;
}
.ticket-header .actions .controls[b-1e3cui9ssj] {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.ticket-title[b-1e3cui9ssj] {
  display: flex;
  border-bottom: 1px solid var(--separator);
}
.ticket-title h2[b-1e3cui9ssj] {
  flex: 1;
  color: var(--primary);
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
}
.comment-box .form[b-1e3cui9ssj] {
  padding-top: 0px!important;
}
@media only screen and (max-width: 799px) {
  .ticket-header[b-1e3cui9ssj] {
    padding: 7px 1rem;
  }
  .ticket-state[b-1e3cui9ssj],
  .ticket-title[b-1e3cui9ssj],
  .ticket-description[b-1e3cui9ssj] {
    padding: 7px 2rem;
  }
}