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

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-com7tdvvxu],
.components-reconnect-repeated-attempt-visible[b-com7tdvvxu],
.components-reconnect-failed-visible[b-com7tdvvxu],
.components-pause-visible[b-com7tdvvxu],
.components-resume-failed-visible[b-com7tdvvxu],
.components-rejoining-animation[b-com7tdvvxu] {
  display: none;
}

#components-reconnect-modal.components-reconnect-show
  .components-reconnect-first-attempt-visible[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-show
  .components-rejoining-animation[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-paused
  .components-pause-visible[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-resume-failed
  .components-resume-failed-visible[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-retrying[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-retrying
  .components-reconnect-repeated-attempt-visible[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-retrying
  .components-rejoining-animation[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-failed[b-com7tdvvxu],
#components-reconnect-modal.components-reconnect-failed
  .components-reconnect-failed-visible[b-com7tdvvxu] {
  display: block;
}

#components-reconnect-modal[b-com7tdvvxu] {
  background-color: white;
  width: 20rem;
  margin: 20vh auto;
  padding: 2rem;
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
  animation: components-reconnect-modal-fadeOutOpacity-b-com7tdvvxu 0.5s both;
  &[open] {
    animation: components-reconnect-modal-slideUp-b-com7tdvvxu 1.5s
        cubic-bezier(0.05, 0.89, 0.25, 1.02) 0.3s,
      components-reconnect-modal-fadeInOpacity-b-com7tdvvxu 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
  }
}

#components-reconnect-modal[b-com7tdvvxu]::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
  animation: components-reconnect-modal-fadeInOpacity-b-com7tdvvxu 0.5s ease-in-out;
  opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-com7tdvvxu {
  0% {
    transform: translateY(30px) scale(0.95);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-com7tdvvxu {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-com7tdvvxu {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.components-reconnect-container[b-com7tdvvxu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

#components-reconnect-modal p[b-com7tdvvxu] {
  margin: 0;
  text-align: center;
}

#components-reconnect-modal button[b-com7tdvvxu] {
  border: 0;
  background-color: #6b9ed2;
  color: white;
  padding: 4px 24px;
  border-radius: 4px;
}

#components-reconnect-modal button:hover[b-com7tdvvxu] {
  background-color: #3b6ea2;
}

#components-reconnect-modal button:active[b-com7tdvvxu] {
  background-color: #6b9ed2;
}

.components-rejoining-animation[b-com7tdvvxu] {
  position: relative;
  width: 80px;
  height: 80px;
}

.components-rejoining-animation div[b-com7tdvvxu] {
  position: absolute;
  border: 3px solid #0087ff;
  opacity: 1;
  border-radius: 50%;
  animation: components-rejoining-animation-b-com7tdvvxu 1.5s cubic-bezier(0, 0.2, 0.8, 1)
    infinite;
}

.components-rejoining-animation div:nth-child(2)[b-com7tdvvxu] {
  animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-com7tdvvxu {
  0% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  4.9% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  5% {
    top: 40px;
    left: 40px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    opacity: 0;
  }
}
/* /Components/Layout/Topbar.razor.rz.scp.css */
.topbar[b-e02glauarr] {
  padding: 0.5rem 1rem;
  /*height: calc(1.5 * var(--nav-height));*/
  /*max-height: 135px;*/
  background-color: var(--primary);
  color: var(--light);

  &:empty {
    display: none;
  }
}

.topbar[b-e02glauarr]  h4 {
  margin: 0;
}
/* /Pages/Dashboards/Calendar/Calendar.razor.rz.scp.css */
[b-l0ma7ooxsv] .ticker-Box {
  border: none;
}

.calendar-filters[b-l0ma7ooxsv] {
  position: relative;
  display: flex;
  padding: 0.75rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-left: none;
  border-right: none;
  /*background-color: rgba(0, 0, 0, 0.03);*/
  /* Hide the overflowing ticker elements behind me */
  background-color: #f7f7f7;
  margin-bottom: 0.5rem;
}

.schedule-view-calendar[b-l0ma7ooxsv]  {
  margin-top: 0.5rem;

  .calendar-filters:has(+ &) {
    margin-bottom: 0;
  }
  .calendar-filters + &[b-l0ma7ooxsv] {
    margin-top: 0;
    #Calendar {
      border-top: none;
    }
  }
}
/* /Pages/Dashboards/Calendar/CalendarControls.razor.rz.scp.css */
.controls-section-separator[b-mw38igm7un] {
  margin: 0.75rem -1.25rem;
  border-top: 1px solid #d8d8d8;
}

.overlaid-toggler[b-mw38igm7un] {
  position: absolute;
  top: 0;
  right: 0;
}
/* /Pages/Dashboards/Calendar/CalendarDay.razor.rz.scp.css */
.day-header[b-4nzzytoghc] {
  margin-bottom: calc(-0.25rem * (2 / 3));
}
/* /Pages/Dashboards/Calendar/CalendarLegendImproved.razor.rz.scp.css */
.calendar-legend[b-dh4l4snznu] {
  /* Space reserved for both background color dot/badge abbrevation & icon */
  --glyphs-full-width: 2.9em;

  /* Reset definition list layout */
  dl& {
    margin: 0;
  }
  dt[b-dh4l4snznu],
  dd[b-dh4l4snznu] {
    display: inline-block;
    margin: 0;
  }

  .definition-group[b-dh4l4snznu] {
    display: flex;
    &:not(:first-child) {
      margin-top: 0.5rem;
    }
    > *[b-dh4l4snznu] {
      flex-basis: 20%;
    }
  }

  .definition[b-dh4l4snznu] {
    display: flex;
    align-items: start;
  }

  dt[b-dh4l4snznu] {
    width: var(--glyphs-full-width);
    text-align: left;
    margin-right: 0.5em;
    flex-shrink: 0;

    .hot-job-icon,
    .msp-hot-job-icon {
      float: unset;
    }
    /* Line up custom badge icons with normal .fa-fw icons */
    .legend-icon[b-dh4l4snznu] {
      --legend-icon-width: 1rem; /* width of .legend-icon, from main stylesheet */
      margin: 0
        calc((var(--fa-fw-width, 1.25em) - var(--legend-icon-width)) / 2);
    }
  }
  .definition:not(:last-child)[b-dh4l4snznu] {
    padding-right: var(--glyphs-full-width);
  }
}
/* /Pages/Dashboards/Calendar/CalendarShift.razor.rz.scp.css */
.shift-card[b-uv6eq438hj] {
  &.shift-non-compliant {
    border: 5px solid red;
  }

  &.shift-status-FullyConfirmed[b-uv6eq438hj] {
    background-color: var(--success);
  }
  &.shift-status-Need[b-uv6eq438hj] {
    background-color: var(--primary);
    color: white;
  }
  &.shift-status-ClientConfirmed[b-uv6eq438hj] {
    background-color: var(--warning);
  }
  &.shift-status-Requested[b-uv6eq438hj] {
    background-color: var(--requested);
  }

  &.shift-canceled[b-uv6eq438hj] {
    background-color: var(--secondary);
    color: black;
  }
}
/* /Pages/Dashboards/Calendar/CalendarShiftPlaceholder.razor.rz.scp.css */
.shift-card.placeholder-glow[b-wnwihg7y2v] {
  opacity: 0.5;
}

/* From Bootstrap 5 */
.placeholder[b-wnwihg7y2v] {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder-glow .placeholder[b-wnwihg7y2v] {
  animation: placeholder-glow-b-wnwihg7y2v 2s ease-in-out infinite;
}
@keyframes placeholder-glow-b-wnwihg7y2v {
  50% {
    opacity: 0.2;
  }
}
/* /Pages/Dashboards/Calendar/FiltersCollapsed.razor.rz.scp.css */
.filter-summary[b-kokguzbxmi] {
  row-gap: 0.25rem;
}
.filter-summary-item[b-kokguzbxmi] {
  font-size: 100%;
  font-weight: inherit;
  .dismiss {
    color: inherit;
    opacity: 0.6;
  }
}
/* /Pages/Messaging/Broadcast/Composer.razor.rz.scp.css */
/* The HTML editor internally adds a border, but because we're using it flush with a bordered section, we need to remove those borders lest they be duplicates */
[b-espht9moh3] .message-campaign-body-input .rz-html-editor {
  border: none;
}
/* /Pages/Messaging/Direct/Conversation.razor.rz.scp.css */
.convo-history[b-5iol9qduoy] {
  overflow-y: scroll;
}

.convo-history-content[b-5iol9qduoy] {
  margin: 1.5rem;
  width: calc(100% - 2 * 1.5rem);

  &:empty {
    display: none;
  }
}

.convo-history-message[b-5iol9qduoy]  {
  & .convo-message {
    max-width: 100%;
    width: 600px;
    &.convo-message-side-Me {
      margin-left: auto;
    }
    .badge[b-5iol9qduoy] {
      display: none;
      @media (min-width: 992px) {
        display: inline-block;[b-5iol9qduoy]
      }
    }
  }
}
/* /Pages/Messaging/Direct/ConversationComposer.razor.rz.scp.css */
.replying-to-message-card[b-y5ojatm32q] {
  background-color: color(from var(--blue) srgb r g b / 0.06);
  color: darkblue;
  font-size: large;
  padding: 1rem;
}
/* /Pages/Messaging/Direct/ConversationMessageFrame.razor.rz.scp.css */
.sender-separator:first-child[b-64402r5gw3] {
  display: none;
}

.card-footer:empty[b-64402r5gw3] {
  display: none;
}

.convo-message-side-Me[b-64402r5gw3] {
  background-color: #eff6ff;
  background-color: color(from var(--blue) srgb r g b / 0.06);
}

h6[b-64402r5gw3] {
  margin: 0;
  font-weight: 700;
  line-height: inherit;
}
/* /Pages/Messaging/Direct/Index.razor.rz.scp.css */
/* Qualifying by the containing ul is a workaround for RenderFragment/Virtualize style isolation weirdness */

/* Only one nested child as workaround for https://github.com/dotnet/aspnetcore/issues/52422 */

[b-drjd5byhfc] ul .convo-item {
  white-space: nowrap;
  font-size: 80%;
  & > * {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Ensure that even empty lines have the same height */
    &:empty::after {
      content: "\200B";
      visibility: hidden;
    }
  }
}

[b-drjd5byhfc] ul .convo-item {
  &.convo-item-new {
    background-color: color(from var(--teal) srgb r g b / 0.2);
    border-color: var(--teal);
  }
}

[b-drjd5byhfc] ul .convo-item {
  a& {
    text-decoration: none;
    color: inherit;
    &.list-group-item.active:not(.convo-item-new) {
      color: white;
      .text-muted {
        /* !important to override inline class .text-muted's !important */
        color: white !important;
        opacity: 0.7;
      }
    }
  }
}

.draft-badge[b-drjd5byhfc] {
  background-color: slategrey;
  color: white;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  border-radius: 5px;
}
/* /Pages/Messaging/TabMenu.razor.rz.scp.css */
/* Shift the background color of badge-primary in topbar since it's invisible on topbar's matching primary background */
.topbar ul[b-86d2bda1it]  .badge-primary {
  /* Darken a bit */
  background-color: color-mix(in srgb, var(--primary), black 30%);
}
/* Don't need it in hovered/active tabs since those introduce a contrasting background */
.topbar ul[b-86d2bda1it]  a.active .badge-primary,
.topbar ul[b-86d2bda1it]  a:hover .badge-primary {
  background-color: var(--primary);
}

/* Links for some reason are already globally tinified. Avoid making the badge too tiny (normally 75%) */
ul[b-86d2bda1it]  a .badge {
  font-size: 90%;
}

/* Why is there a global rule to misalign badges...? */
ul#PageInfoNav[b-86d2bda1it]  > li > a .badge {
  top: unset;
}
/* /Shared/AdminDropdownOrganized.razor.rz.scp.css */
.dropdown-divider + .dropdown-divider[b-0jasf2d61c],
.dropdown-divider:first-child[b-0jasf2d61c],
.dropdown-divider:last-child[b-0jasf2d61c] {
  display: none;
}
/* /Shared/Input/MultiDateInput.razor.rz.scp.css */
.directional-arrow[b-pdmictomyq] {
  border-radius: 0.25rem !important;
  color: #a6a6a6 !important;
  width: 15%;
  height: 15%;
  border: 1px solid #a6a6a6;
}

.directional-arrow:hover[b-pdmictomyq] {
  background-color: #a6a6a6;
}

.date-display[b-pdmictomyq] {
  font-size: 1.25rem;
  color: #a6a6a6 !important;
  width: 70%;
  height: 15%;
}

table[b-pdmictomyq] {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

th[b-pdmictomyq] {
  font-size: 1rem;
  text-align: center;
}

td[b-pdmictomyq] {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}

.day[b-pdmictomyq],
.disabled-day[b-pdmictomyq] {
  width: 85%;
  height: 85%;
  position: absolute;
  top: 7.5%;
  left: 7.5%;
  background-color: #f0f0f0;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border-radius: 0.25rem !important;
}

.day:hover[b-pdmictomyq] {
  background-color: #a6a6a6;
}

.today[b-pdmictomyq] {
  border: 1px solid black;
}

.selected.today[b-pdmictomyq] {
  border: 1px solid black;
  outline: 1px solid white;
}

.selected[b-pdmictomyq] {
  background-color: #000000;
  color: white;
}