html, body {
  font-family: Inter;
  height: 100%;
}

.rz-layout {
  height: 100%;
}

.rz-body {
  padding: 0;
}

#background-veil {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(16, 18, 35, 0.3764705882);
  display: none;
}

/* light theme variable imports (must be before implementation) */
body {
  min-width: 1280px;
}

@media (max-width: 768px) {
  body:has(> .rz-layout) {
    overflow-x: initial;
  }
  .rz-header, .rz-footer, .rz-body {
    width: initial;
  }
}
.p-text-primary, .rz-dialog:has(.disclosures-dialog-container) .rz-dialog-titlebar .rz-dialog-title {
  color: #101223;
}

.p-text-secondary {
  color: #585d6b;
}

.p-button-primary-default {
  color: #005397;
}

.p-icon-action {
  color: #282a3a;
}

.badge {
  display: flex;
  width: 16px;
  height: 16px;
  padding: 0px 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-family: Inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.rz-calendar,
.rz-spinner {
  background-color: #ffffff;
  border-radius: 0.25rem;
  border: 1px solid #d2d4da;
}
.rz-calendar input,
.rz-spinner input {
  box-shadow: none !important;
  border: none !important;
}
.rz-calendar input::placeholder,
.rz-spinner input::placeholder {
  color: #101223;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.rz-calendar:not(:disabled):not(.rz-state-disabled):focus-within,
.rz-spinner:not(:disabled):not(.rz-state-disabled):focus-within {
  box-shadow: 0px 0px 0px 3px rgba(0, 83, 151, 0.11), 0px 0px 1px 1px rgba(255, 255, 255, 0.56);
  border-color: #00437a;
}
.rz-calendar:not(:disabled):not(.rz-state-disabled):hover,
.rz-spinner:not(:disabled):not(.rz-state-disabled):hover {
  border-color: #00437a;
}
.rz-calendar:not(:disabled):not(.rz-state-disabled) .rzi-calendar,
.rz-spinner:not(:disabled):not(.rz-state-disabled) .rzi-calendar {
  color: #585d6b;
}
.rz-calendar:not(:disabled):not(.rz-state-disabled) input:focus,
.rz-spinner:not(:disabled):not(.rz-state-disabled) input:focus {
  box-shadow: none;
}

.p-dropdown .rz-dropdown-label {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #101223;
  margin-top: 2px;
}

.p-link-button .rz-link-text {
  text-decoration: none !important;
}

.p-link-button {
  background-color: transparent;
  border: none;
  color: #005397;
}

.p-textbox-with-outline-margin {
  margin-top: 10px;
}

.p-textbox-with-outline-margin {
  margin-top: 10px;
}

.p-textbox-with-outline-margin {
  margin-top: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #d2d4da !important;
  width: 6px !important;
  border-radius: 8px !important;
}

.rz-accordion-header a[role=tab] {
  cursor: pointer;
}

.simple-vertical-accordion {
  width: 200px;
  transition: all 0.3s ease-in-out;
}
.simple-vertical-accordion-header {
  padding: 24px 16px;
  border-bottom: 1px solid #d2d4da;
  height: 66px;
}
.simple-vertical-accordion.collapsed {
  width: 44px;
  min-width: 44px;
}
.simple-vertical-accordion.collapsed .simple-vertical-accordion-header {
  border: none;
}

.agent-app-bar-container {
  height: 68px;
  min-height: 68px;
  padding: 16px !important;
  border-bottom: none !important;
  border-radius: 8px;
}
.agent-app-bar-container > div {
  height: 32px;
}
.agent-app-bar-container .horizontal-divider {
  margin-left: 24px;
  margin-right: 24px;
  width: 1px;
  height: 32px;
  background-color: #d2d4da;
}
.agent-app-bar-avatar {
  margin-right: 8px;
}
.agent-app-bar-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  object-fit: cover;
}
.agent-app-bar-account-info-group .rz-text-body1 {
  margin-bottom: 0 !important;
}
.agent-app-bar-account-info-group .rz-text-body2 {
  margin-bottom: 0 !important;
}
.agent-app-bar-account-info-group p:first-child {
  margin-right: 4px;
}
.agent-app-bar-account-info-group-badges-open-13 {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  background-color: #663DB1 !important;
}
.agent-app-bar-account-info-group-badges-open-13 p:first-child {
  color: #ffffff !important;
  font-weight: 600;
}
.agent-app-bar-account-info-group-badges-military {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  background-color: #005925 !important;
}
.agent-app-bar-account-info-group-badges-military p:first-child {
  color: #ffffff !important;
  font-weight: 600;
}
.agent-app-bar-account-info-group-badges-ncr {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  background-color: #BE0093 !important;
}
.agent-app-bar-account-info-group-badges-ncr p:first-child {
  color: #ffffff !important;
  font-weight: 600;
}
.agent-app-bar-action-buttons .rz-button {
  margin: 0 0 0 8px;
}
.agent-app-bar-action-buttons .rz-button i {
  margin-right: 8px;
}
.agent-app-bar-action-buttons .rz-button.rz-primary.rz-shade-default {
  margin-top: 0 !important;
}
.agent-app-bar-action-buttons .badge {
  background-color: #cc1e00;
  position: absolute;
  top: -6px;
  right: -6px;
}

.header-container {
  height: 52px;
}
.header-container-left {
  height: 36px;
}
.header-container-left > .rz-dropdown {
  height: 36px;
}
.header-container-left > button {
  height: 36px;
}
.header-container-left > button i {
  padding-bottom: 4px;
}
.header-container-right {
  height: 36px;
}
.header-container-right > .rz-menu.rz-profile-menu {
  padding: 0;
}
.header-container-right > .rz-menu.rz-profile-menu > li {
  padding: 0;
}
.header-container-right > .rz-menu.rz-profile-menu > li > .image-container {
  width: 28px;
  height: 28px;
}

.agent-details-container {
  padding: 24px !important;
}
.agent-details-container .rz-text-body2 {
  color: #585d6b;
}
.agent-details-container .active-skill {
  border: 1px #005397 solid;
  background-color: #00539710 !important;
}
.agent-details-container .inactive-skill {
  border: 1px transparent solid;
  background-color: #ffffff !important;
}
.agent-details-container .rz-card {
  border: 1px #d2d4da solid;
}
.agent-details-container .rz-card.card-flat-background-color {
  background-color: #ffffff !important;
}
.agent-details-container .rz-card.card-secondary-background {
  background-color: #ebeef4 !important;
  border: 0;
}
.agent-details-container .rz-card.card-secondary-background .disable-skill {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.agent-details-container .agent-details-settings-section:not(:last-of-type) {
  margin-bottom: 48px;
}
.agent-details-container .agent-detail-container .image-container {
  padding-top: 80%;
  width: 80%;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 50%;
}
.agent-details-container .agent-detail-container .image-container .profile-image {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.agent-details-container .agent-detail-container .rz-dropdown {
  width: 95%;
}

.queues {
  padding: 24px;
}
.queues .disable-queue-save {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.queues .rz-accordion-header {
  background-color: #ebeef4 !important;
}
.queues .rz-accordion-header a[role=tab] {
  padding: 0;
}
.queues .rz-accordion-content-wrapper .rz-accordion-content {
  background-color: #ebeef4;
  padding: 24px 0 0 0;
}
.queues .text-container {
  max-width: 350px;
  margin-right: 35px;
}
.queues .rz-accordion-toggle-icon.rzi-chevron-down:before {
  color: #282a3a;
}
.queues .rz-text-overline {
  color: #585d6b !important;
}
.queues .light-link {
  color: #006deb;
}
.queues .active-skill {
  border: 1px #005397 solid;
  background-color: #00539710 !important;
}
.queues .inactive-skill {
  border: 1px transparent solid;
  background-color: #ffffff !important;
}
.queues .members-count {
  position: relative;
  top: 44px;
  margin-top: -44px;
  left: 55%;
  border-radius: 32px;
  color: white;
  width: fit-content;
  padding: 8px;
}
.queues .members-count .members-text {
  color: #ffffff !important;
}

.scrollable-container {
  overflow-y: scroll;
  max-height: calc(100vh - 156px);
}

.skills {
  background-color: #ebeef4;
}
.skills .rz-chkbox .rz-chkbox-box .rzi-check:before {
  padding-left: 3px;
}
.skills .skill-label {
  color: #101223;
  font-weight: 600;
}
.skills .header-text {
  color: #282a3a !important;
}
.skills.rz-stack {
  background-color: #ffffff !important;
}
.skills .rz-dropdown .rz-chip .rz-button i.rzi:before {
  color: #101223;
}

.rz-dialog-titlebar {
  background-color: #ffffff;
}
.rz-dialog-titlebar .rz-dialog-title {
  font-size: 1rem !important;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
}

.rz-dialog-content {
  height: 100%;
  background-color: #ffffff;
}

.agent-task-metrics-container {
  padding: 24px !important;
  overflow-y: auto;
  height: 100%;
}
.agent-task-metrics-container .acceptance-card .rz-progressbar-value {
  background-color: #663DB1;
}
.agent-task-metrics-container .acceptance-card .task-distribution-completed:nth-of-type(1) > .barchart-label-icon:before {
  color: #663DB1;
}
.agent-task-metrics-container .rz-form-field-content {
  margin: 0 !important;
  background-color: #FFFFFF !important;
}
.agent-task-metrics-container .agent-single-metrics {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.agent-task-metrics-container .agent-single-metric-card {
  min-height: 154px;
  width: 33%;
}
.agent-task-metrics-container .agent-single-metric-card .bottom-align {
  margin-top: auto;
}
.agent-task-metrics-container .agent-time-breakdown-chart {
  width: 100%;
  height: 100%;
  min-height: 525px;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.agent-task-metrics-container .agent-time-breakdown-chart .total-label {
  position: absolute;
  bottom: 24px;
  right: 24px;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-chart {
  height: 450px;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-chart-tooltip {
  border-radius: 4px;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-chart-tooltip-content {
  background-color: #ebeef4;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-tick-text {
  color: #585d6b;
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  letter-spacing: 1.2px;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-legend-items {
  display: flex;
  justify-content: flex-start;
  width: calc(100% - 20px);
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-legend-items .rz-legend-item {
  margin-right: 16px;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-legend-item-text {
  color: #101223;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-axis {
  stroke: none;
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-series-2 {
  fill: rgb(210, 212, 218);
  stroke: rgb(210, 212, 218);
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-series-0 {
  fill: rgb(0, 155, 81);
  stroke: rgb(0, 155, 81);
}
.agent-task-metrics-container .agent-time-breakdown-chart .rz-series-1 {
  fill: rgb(242, 56, 15);
  stroke: rgb(242, 56, 15);
}
.agent-task-metrics-container .agent-time-breakdown-plot {
  width: 100%;
  height: 100%;
  min-height: 525px;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-label {
  align-self: center;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rzi-check:before {
  padding-left: 2px;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-chart {
  height: 450px;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-chart-tooltip {
  border-radius: 4px;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-chart-tooltip-content {
  background-color: #ebeef4;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-tick-text {
  color: #585d6b;
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  letter-spacing: 1.2px;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-legend {
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-legend-items {
  display: flex;
  justify-content: center;
  width: calc(100% - 20px);
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-legend-items .rz-legend-item {
  margin-right: 16px;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-legend-item-text {
  color: #101223;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-axis {
  stroke: none;
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-series-2 {
  fill: rgb(210, 212, 218);
  stroke: rgb(210, 212, 218);
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-series-0 {
  fill: rgb(0, 155, 81);
  stroke: rgb(0, 155, 81);
}
.agent-task-metrics-container .agent-time-breakdown-plot .rz-series-1 {
  fill: rgb(242, 56, 15);
  stroke: rgb(242, 56, 15);
}
.agent-task-metrics-container .agent-time-breakdown-graph {
  width: 100%;
  height: 100%;
  max-height: 400px;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.agent-task-metrics-container .agent-time-breakdown-graph .total-label {
  position: absolute;
  bottom: 24px;
  right: 24px;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-label {
  align-self: flex-start;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-chart {
  height: 350px !important;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-chart svg g g .rz-series-data-label {
  fill: #ffffff !important;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-chart svg g g:nth-child(9) .rz-series-data-label {
  fill: #101223 !important;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-chart-tooltip {
  border-radius: 4px;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-chart-tooltip-content {
  background-color: #ebeef4;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-tick-text {
  display: none;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-legend-items {
  display: flex;
  justify-content: flex-start;
  width: calc(100% - 20px);
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-legend-items .rz-legend-item {
  margin-right: 16px;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-legend-item-text {
  color: #101223;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-axis {
  stroke: none;
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-series-0 {
  fill: rgb(0, 155, 81);
  stroke: rgb(0, 155, 81);
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-series-1 {
  fill: rgb(242, 56, 15);
  stroke: rgb(242, 56, 15);
}
.agent-task-metrics-container .agent-time-breakdown-graph .rz-series-2 {
  fill: rgb(210, 212, 218);
  stroke: rgb(210, 212, 218);
}

.notification-icons {
  font-size: 0;
}
.notification-icons:before {
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  content: "";
}
.notification-icons.triangle-exclamation:before {
  content: "\f071" !important;
}
.notification-icons.notification-timer:before {
  content: "\e29e" !important;
  color: #101223;
}
.notification-icons.task-completed:before {
  content: "\f058" !important;
}

.rz-notification .rz-growl-icon-close {
  margin-top: -5px;
  margin-right: -10px;
}
.rz-notification .rz-growl-title {
  font-weight: 600 !important;
}
.rz-notification .rz-growl-message-warn .rz-growl-item {
  background-color: #FFAE11;
  color: #101223;
}
.rz-notification .rz-growl-message-error .rz-growl-item {
  background-color: #CC1E00 !important;
}
.rz-notification .rz-growl-message {
  margin-left: 30px;
  margin-top: 0 !important;
}

.team-members-metrics-container.sidebar-collapsed {
  margin-right: 32px;
}
.team-members-metrics-container .team-search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
}
.team-members-metrics-container .team-search-field {
  height: 36px;
  width: 280px;
  padding-left: 32px;
}
.team-members-metrics-container .all-teams-body-container {
  width: 100%;
  display: flex;
  min-height: 100%;
}
.team-members-metrics-container .all-teams-body-container .all-teams-body {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  gap: 16px;
  box-sizing: border-box;
}
.team-members-metrics-container .all-teams-body-container .all-teams-body.sidebar-expanded {
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.all-team-members-with-metrics-container {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "main-body right-bar";
  min-height: 100%;
}
.all-team-members-with-metrics-container .sidebar-expanded .team-members-grid-scrollable-container > div {
  max-width: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
  flex-basis: calc(4 * (100% - 11 * var(--rz-gap)) / 12 + 3 * var(--rz-gap));
}

.all-team-members-container {
  padding: 24px !important;
}
.all-team-members-container .all-team-members-header {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 8px 0;
}
.all-team-members-container .team-member-search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
}
.all-team-members-container .rz-selectbutton .rz-button.rz-button-md {
  border: 1px #d2d4da solid;
}
.all-team-members-container .rz-dropdown {
  background-color: #ffffff;
}
.all-team-members-container .rz-dropdown.sort-dropdown {
  background-color: #ffffff;
}
.all-team-members-container .rz-badge-light {
  color: #585d6b !important;
  background-color: #f3f4f8 !important;
}
.all-team-members-container .team-member-search-field {
  height: 36px;
  width: 280px;
  padding-left: 32px;
}
.all-team-members-container .rz-accordion-header {
  background: transparent;
  padding: 10px 0;
}
.all-team-members-container .rz-accordion-header a[role=tab] {
  padding-left: 15px;
  font-size: 0.875rem;
}
.all-team-members-container .rz-accordion-content-wrapper .rz-accordion-content {
  padding: 0;
}
.all-team-members-container .secondary-link-color {
  color: #006deb;
}
.all-team-members-container .rz-card.rz-variant-flat {
  background-color: #ffffff;
  padding: 16px;
}
.all-team-members-container .rz-text-overline {
  color: #585d6b;
}
.all-team-members-container .rz-accordion-toggle-icon.rzi-chevron-down:before {
  color: #101223;
}
.all-team-members-container .team-members-header-row {
  background-color: #ebeef4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.all-team-members-container .team-member-row {
  background-color: #ffffff;
}
.all-team-members-container .team-member-row-image-container {
  height: 40px;
  width: 40px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.all-team-members-container .team-member-grid-image-container {
  height: 64px;
  width: 64px;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 8px;
}
.all-team-members-container .team-member-profile-image {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.all-team-members-container .select-bar-container i.rzi {
  font-size: 0;
}
.all-team-members-container .select-bar-container i.rzi:before {
  font-family: "Font Awesome 6 Pro";
  font-size: initial;
  font-weight: 300;
  color: #101223;
}
.all-team-members-container .select-bar-container div:nth-child(1) i.rzi:before {
  content: "\e195";
}
.all-team-members-container .select-bar-container div:nth-child(2) i.rzi:before {
  content: "\f0ca";
}
.all-team-members-container .team-members-body-container {
  overflow: unset;
}
.all-team-members-container .team-members-body-container .team-members-body {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-column-drag {
  display: none;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-group-header {
  display: none;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-group-row > td {
  background: transparent !important;
  font-size: 0.875rem;
  font-weight: 600;
}
.all-team-members-container .team-members-body-container .team-members-body .fa-chevron-down, .all-team-members-container .team-members-body-container .team-members-body .fa-chevron-up {
  font-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid {
  border: 0;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid tr:hover > td {
  background-color: #ffffff;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid th, .all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td {
  border: 0;
  background-color: #ffffff;
  white-space: normal;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid th .rz-chkbox-box, .all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td .rz-chkbox-box {
  padding-left: 4px;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid th .rz-column-title, .all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td .rz-column-title {
  text-transform: none;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid th .rz-column-title .rz-column-title-content, .all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td .rz-column-title .rz-column-title-content {
  font-size: 1rem;
  font-weight: 600;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid th .rz-cell-data, .all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td .rz-cell-data {
  white-space: normal;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid td {
  padding: 16px;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid thead {
  z-index: 200;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid thead th {
  background-color: #ebeef4;
  padding: 16px 0;
  padding-left: 16px;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid thead th > div {
  padding: 0;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid thead th:first-child {
  border-top-left-radius: 8px;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid thead th:last-child {
  border-top-right-radius: 8px;
  padding-right: 16px;
}
.all-team-members-container .team-members-body-container .team-members-body .rz-data-grid.bulk-edit-active .team-members-member-type-title-container {
  margin-left: 60px;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-list-scrollable-container {
  overflow-y: hidden;
  max-height: calc(100vh - 184px);
  position: absolute;
  height: 100%;
  left: 0;
  right: -24px;
  padding-right: 4px;
  display: flex;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-list-scrollable-container .rz-data-grid-data {
  scrollbar-gutter: stable;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-list-scrollable-container .team-members-grid-view {
  height: calc(100vh - 184px);
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-list-scrollable-container .team-members-grid-view .rz-grid-table {
  padding-right: 5px;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-list-scrollable-container .team-members-padding {
  display: flex;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-grid-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.all-team-members-container .team-members-body-container .team-members-body .team-members-grid-container .team-members-grid-scrollable-container {
  overflow-y: scroll;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: -20px;
  padding-right: 4px;
}

.metrics-task-sidebar {
  float: right;
  width: 370px;
  background-color: #ebeef4 !important;
  height: calc(100vh - 55px);
  position: relative !important;
  overflow: hidden;
  min-height: 100%;
}

.metrics-task-card {
  height: calc(100vh - 96px);
  overflow-y: auto;
  padding: 24px 20px 24px 24px;
  border-left: 1px transparent solid;
}
.metrics-task-card .rz-dropdown {
  min-height: 40px;
}
.metrics-task-card .rz-dropdown:after {
  content: "\f007";
  font-family: "Font Awesome 6 pro";
  position: absolute;
}
.metrics-task-card .rz-dropdown-label {
  margin: 2px 0 0 25px;
}
.metrics-task-card-header {
  color: #101223;
}

.all-teams-sidebar-toggle {
  height: 32px;
  z-index: 1;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: #d2d4da solid 1px;
}
.all-teams-sidebar-toggle .rz-sidebar-toggle {
  border-right: none;
}
.all-teams-sidebar-toggle .rz-sidebar-toggle i {
  font-size: 0 !important;
  background-color: #ffffff;
}
.all-teams-sidebar-toggle .rz-sidebar-toggle i:before {
  content: "\f324";
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  color: #282a3a;
}

.close-sidebar {
  background-color: #ffffff;
  width: 32px;
  height: calc(100vh - 66px);
  min-height: 100%;
  position: fixed;
  right: 0;
  top: 0;
}
.close-sidebar a {
  cursor: pointer;
}
.close-sidebar-chevrons-left:before {
  content: "\f323";
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  position: fixed;
  bottom: 0;
  padding: 8px;
  background-color: #ffffff;
  color: #282a3a;
}

.hide-scroll-bar {
  overflow: hidden !important;
}

.metric-card-primary {
  color: #101223;
}
.metric-card-secondary {
  color: #585d6b;
}
.metric-icon-right-dots {
  color: #E9385F;
  font-size: 2rem;
}
.metric-icon-box-check {
  color: #00ACB8;
  font-size: 2rem;
}
.metric-icon-arrow-progress {
  color: #0F9FD6;
  font-size: 2rem;
}

.avg-task-header {
  margin-bottom: 1rem;
}
.avg-task-primary {
  color: #101223;
}
.avg-task-secondary {
  color: #585d6b;
}
.avg-task-white {
  color: #ffffff;
}
.avg-task-danger {
  color: #cc1e00;
}
.avg-task-info {
  color: #376DF5;
}
.avg-task-difference {
  color: #cc1e00;
}
i.avg-task-timer {
  padding: 12px;
  border-radius: 8px;
}

.avg-task-time-content {
  gap: 4px;
}
.avg-task-month-time {
  gap: 4px;
  align-self: start;
}
.avg-task-arrow-trend {
  padding-left: 3px;
  width: 17px;
  height: 17px;
  background-color: rgba(242, 56, 15, 0.1);
}
.avg-task-arrow-trend:before {
  font-size: xx-small;
  display: inline-block;
  border-radius: 50%;
}
.avg-task-calendar {
  padding-left: 4px;
  width: 17px;
  height: 17px;
  background-color: rgba(55, 109, 245, 0.062745098);
}
.avg-task-calendar:before {
  font-size: xx-small;
  display: inline-block;
  border-radius: 50%;
}

.task-distribution-card .rz-progressbar {
  border-radius: 16px;
  overflow: hidden;
}
.task-distribution-card .rz-progressbar .rz-progressbar-value {
  background-color: #0F9FD6;
  border-radius: 16px 0 0 16px;
}
.task-distribution-primary {
  color: #101223;
}
.task-distribution-secondary {
  color: #585d6b;
}
.task-distribution-completed .barchart-label-icon:before {
  color: #0F9FD6;
}
.task-distribution-completed:nth-of-type(2) > .barchart-label-icon:before {
  color: #d2d4da;
}

.all-teams-container {
  padding: 24px;
}
.all-teams-container.sidebar-collapsed {
  margin-right: 32px;
}
.all-teams-container .team-search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
}
.all-teams-container .team-search-field {
  height: 36px;
  width: 280px;
  padding-left: 32px;
}
.all-teams-container .all-teams-body-container {
  width: 100%;
  display: flex;
  max-height: calc(100vh - 193px);
  padding-right: 4px;
  overflow: hidden auto;
}
.all-teams-container .all-teams-body-container .all-teams-body {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  gap: 16px;
  box-sizing: border-box;
}
.all-teams-container .all-teams-body-container .all-teams-body.sidebar-expanded {
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.all-teams-with-metrics-container {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "main-body right-bar";
}

.time-breakdown-chart {
  width: 60%;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
}
.time-breakdown-chart .rz-chart-tooltip {
  border-radius: 4px;
}
.time-breakdown-chart .rz-chart-tooltip-content {
  background-color: #ebeef4;
}
.time-breakdown-chart .rz-tick-text {
  color: #585d6b;
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  letter-spacing: 1.2px;
}
.time-breakdown-chart .rz-legend-items {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 20px);
}
.time-breakdown-chart .rz-legend-item-text {
  color: #101223;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
}
.time-breakdown-chart .rz-axis {
  stroke: none;
}
.time-breakdown-chart .rz-series-0 {
  fill: rgb(210, 212, 218);
  stroke: rgb(210, 212, 218);
}
.time-breakdown-chart .rz-series-1 {
  fill: rgb(0, 155, 81);
  stroke: rgb(0, 155, 81);
}
.time-breakdown-chart .rz-series-2 {
  fill: rgb(242, 56, 15);
  stroke: rgb(242, 56, 15);
}

.full-metrics {
  padding: 10px;
}
.full-metrics .team-single-metrics {
  width: 25%;
}
.full-metrics-avg-task .avg-task-card {
  width: 30%;
  margin-bottom: 0 !important;
}
.full-metrics-avg-task .avg-task-header {
  flex-direction: column;
  margin-bottom: 7rem;
}
.full-metrics-avg-task .avg-task-header-text {
  order: 2;
}
.full-metrics-avg-task .avg-task-timer {
  width: 40px;
  height: 40px;
}
.full-metrics-avg-task .avg-task-time-content {
  flex-direction: column;
}
.full-metrics-avg-task .avg-task-month-time {
  align-self: start;
}
.full-metrics-avg-task .avg-task-month-time:before {
  content: "\e0d6";
  font-family: "Font Awesome 6 Pro";
  font-size: medium;
  color: #282a3a;
  width: 17px;
  height: 17px;
}
.full-metrics .time-breakdown-chart {
  width: 70%;
}
.full-metrics-tasks-detail {
  width: 70%;
}
.full-metrics .task-acceptance {
  width: 100%;
}
.full-metrics .task-acceptance .rz-progressbar .rz-progressbar-value {
  background-color: #663DB1;
}
.full-metrics .task-acceptance .task-distribution-completed .barchart-label-icon:before {
  color: #663DB1;
}
.full-metrics .task-acceptance .task-distribution-completed:nth-of-type(2) > .barchart-label-icon:before {
  color: #d2d4da;
}
.full-metrics .task-distribution-card {
  width: 100%;
}

.bulk-edit {
  z-index: 999;
  position: absolute;
  background-color: #f3f4f8;
  top: 0;
  width: 384px;
  right: 0;
  padding: 16px;
  height: 100%;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.bulk-edit-container {
  height: 92%;
  overflow-y: auto;
}
.bulk-edit .skills {
  padding: 0 !important;
}
.bulk-edit .rz-button.add-queue {
  margin-right: 0;
  margin-left: auto;
  display: block;
}
.bulk-edit .queues {
  padding: 16px;
  background-color: #ebeef4 !important;
}
.bulk-edit .card-secondary-background {
  gap: 16px;
}
.bulk-edit .card-secondary-background .rz-accordion-header a[role=tab] {
  padding-left: 0;
}
.bulk-edit .card-secondary-background .add-queue-name {
  min-width: 100%;
}
.bulk-edit .card-secondary-background .add-queue-priority {
  min-width: 48%;
}
.bulk-edit .card-secondary-background .add-queue-capacity {
  min-width: 48%;
}
.bulk-edit .card-secondary-background .add-queue-capacity .rz-textbox {
  width: unset !important;
}
.bulk-edit .card-secondary-background .queue-priority .rz-dropdown {
  width: 15ch !important;
}
.bulk-edit .card-secondary-background .queue-capacity .rz-textbox {
  width: 15ch !important;
}
.bulk-edit .queue-subscription-users {
  background-color: rgba(0, 83, 151, 0.1019607843);
  border-radius: 4px;
}
.bulk-edit .queue-subscription-users .rz-chkbox-box .rzi-check:before {
  margin-left: 2px;
}

.daterangepicker-visibility-visible .daterangepicker {
  top: 98px;
  right: 200px !important;
  width: 630px !important;
  left: auto !important;
  background-color: #ffffff;
  border: 1px #d2d4da solid;
}
.daterangepicker-visibility-visible .daterangepicker .drp-calendar, .daterangepicker-visibility-visible .daterangepicker .drp-buttons {
  display: block !important;
}
.daterangepicker-visibility-visible .daterangepicker .drp-calendar .calendar-table, .daterangepicker-visibility-visible .daterangepicker .drp-buttons .calendar-table {
  border: none;
}
.daterangepicker-visibility-visible .daterangepicker .drp-calendar .cancelBtn, .daterangepicker-visibility-visible .daterangepicker .drp-buttons .cancelBtn {
  border: 1px #005397 solid;
  color: #005397;
}
.daterangepicker-visibility-visible .daterangepicker .drp-calendar .applyBtn, .daterangepicker-visibility-visible .daterangepicker .drp-buttons .applyBtn {
  background-color: #005397;
  color: #ffffff;
}
.daterangepicker-visibility-visible .daterangepicker .drp-buttons {
  border-top: 1px #d2d4da solid;
}
.daterangepicker-visibility-visible .daterangepicker li {
  color: #101223;
}
.daterangepicker-visibility-visible .daterangepicker li:hover {
  background-color: #ffffff;
}
.daterangepicker-visibility-visible .daterangepicker li.active {
  background-color: #005397;
}
.daterangepicker-visibility-visible .daterangepicker .calendar-table {
  background-color: #ffffff;
  color: #585d6b;
}
.daterangepicker-visibility-visible .daterangepicker th.available {
  color: #585d6b;
}
.daterangepicker-visibility-visible .daterangepicker th.available span {
  border: #585d6b solid;
  border-width: 0 2px 2px 0;
}
.daterangepicker-visibility-visible .daterangepicker th.available:hover {
  background-color: #ffffff;
}
.daterangepicker-visibility-visible .daterangepicker td {
  background-color: #ffffff;
  color: #585d6b;
}
.daterangepicker-visibility-visible .daterangepicker td.in-range {
  background-color: #00539710;
  color: #005397;
}
.daterangepicker-visibility-visible .daterangepicker td.active {
  background-color: #005397;
  color: #ffffff;
}

.debtor-phone-contacts-container .icon {
  margin-top: 4px;
  color: #005397;
}
.debtor-phone-contacts-container .text-row {
  width: 100%;
}
.debtor-phone-contacts-container .text-row .rz-link * {
  text-decoration: none !important;
}
.debtor-phone-contacts-container .text-row p {
  font-size: 14px;
  margin: 4px 0;
  text-transform: none;
  letter-spacing: normal;
  color: #101223;
  font-weight: 400;
}
.debtor-phone-contacts-container .text-row .details span {
  color: #005397;
}
.debtor-phone-contacts-container .text-row .details .icon-dark {
  color: #585d6b;
}
.debtor-phone-contacts-container .text-row .details .disabled * {
  pointer-events: none;
}
.debtor-phone-contacts-container .text-row .details .disabled * .icon, .debtor-phone-contacts-container .text-row .details .disabled * .rz-link-text {
  opacity: 0.5;
}
.debtor-phone-contacts-container .text-row .title {
  color: #585d6b;
}
.debtor-phone-contacts-container .section-header {
  font-size: 12px;
  letter-spacing: 10%;
  text-transform: uppercase;
  color: #585d6b;
  font-weight: 600;
}
.debtor-phone-contacts-container .rz-card {
  width: 336px;
  box-shadow: none;
  padding: 16px;
}
.debtor-phone-contacts-accordian .rz-accordion-header {
  background-color: #ffffff;
}
.debtor-phone-contacts-accordian .rz-accordion-header a[role=tab] {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
}
.debtor-phone-contacts-accordian .rz-accordion-content {
  margin-top: 16px;
  background-color: #ffffff;
  padding: 0;
}
.debtor-phone-contacts-accordian .rz-accordion-toggle-icon:before {
  color: #282a3a;
  cursor: pointer;
}
.debtor-phone-contacts-accordian .rz-accordion-header a span:nth-child(2) {
  color: #101223;
  cursor: pointer;
}
.debtor-phone-contacts-accordian.authorized-users-accordion .rz-accordion-content {
  margin-top: 0;
}
.debtor-phone-contacts-references {
  margin-top: 16px;
}
.debtor-phone-contacts-authorized {
  margin-top: 0px;
}
.debtor-phone-contacts-authorized .authorized-text-row {
  padding: 2px 0;
}
.debtor-phone-contacts-authorized .authorized-text-row .debtorinfo-title-col {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.debtor-phone-contacts-authorized .authorized-text-row .debtorinfo-title-col .authorized-title {
  font-size: 12px;
  letter-spacing: 10%;
  text-transform: uppercase;
  color: #585d6b;
  font-weight: 600;
}
.debtor-phone-contacts-authorized .authorized-text-row .details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.debtor-phone-contacts-authorized .authorized-text-row .details .RadzenLink,
.debtor-phone-contacts-authorized .authorized-text-row .details .RadzenText {
  margin: 0;
  padding: 0;
  align-self: center;
}
.debtor-phone-contacts-authorized .authorized-text-row .icon {
  margin-left: auto;
  display: inline-block;
  vertical-align: middle;
}
.debtor-phone-contacts-authorized .authorized-text-row .email-text {
  padding-bottom: 0;
  margin-top: -1px;
  margin-bottom: 0;
  display: inline-block;
  color: #282a3a !important;
  font-weight: 700;
}
.debtor-phone-contacts-authorized .authorizedcontacts-container {
  margin-bottom: 1px;
  padding-top: 10px;
}
.debtor-phone-contacts-message-button {
  background-color: transparent;
  border: none;
}

.blocks-and-alerts-container.rz-card {
  box-shadow: none;
  margin-bottom: 0;
}
.blocks-and-alerts-container.rz-card .rz-accordion-header {
  height: 23px;
  background-color: transparent;
}
.blocks-and-alerts-container.rz-card .rz-accordion-header a {
  color: #101223 !important;
  height: 100%;
}
.blocks-and-alerts-container.rz-card .rz-accordion-header a .rz-accordion-toggle-icon {
  height: 16px;
  width: 16px;
}
.blocks-and-alerts-container.rz-card .rz-accordion-header a .rz-accordion-toggle-icon:before {
  color: #282a3a !important;
}
.blocks-and-alerts-container.rz-card .rz-accordion-content {
  margin-top: 16px;
  padding: 0;
  background-color: transparent;
}
.blocks-and-alerts-container .blocks-and-alerts-pills {
  position: absolute;
  right: 48px;
}
.blocks-and-alerts-container .blocks-and-alerts-divider {
  height: 0;
  border-top: solid 1px #d2d4da;
  border-bottom: solid 1px #d2d4da;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #d2d4da;
}
.blocks-and-alerts-container .blocks-and-alerts-pills .rz-badge {
  margin: 0 !important;
}

.debtor-terms .text-row p:first-child {
  white-space: nowrap;
}
.debtor-terms-header .rz-badge {
  background-color: rgba(55, 109, 245, 0.1) !important;
  color: #0d3eb9 !important;
}
.debtor-terms-header .rz-badge.normal {
  background-color: rgba(0, 155, 81, 0.1) !important;
  color: #007032 !important;
}
.debtor-terms-header .rz-badge.payment-plan {
  background-color: rgba(55, 109, 245, 0.1) !important;
  color: #0d3eb9 !important;
}
.debtor-terms-header .rz-badge.bankruptcy {
  background-color: rgba(242, 56, 15, 0.1) !important;
  color: #cc1e00 !important;
}
.debtor-terms-header .rz-badge.judgement {
  background-color: rgba(255, 174, 17, 0.1) !important;
  color: #a16a00 !important;
}
.debtor-terms-header .rz-badge.recovery {
  background-color: rgba(0, 109, 235, 0.1) !important;
  color: #006deb !important;
}
.debtor-terms-header .rz-badge.legacy {
  background-color: rgba(55, 109, 245, 0.1) !important;
  color: #006deb !important;
}
.debtor-terms-header .rz-badge.customer-retention {
  background-color: rgba(0, 155, 81, 0.1) !important;
  color: #007032 !important;
}
.debtor-terms-header .rz-badge.recovery-d {
  background-color: #cc1e00 !important;
  color: #ffffff !important;
}
.debtor-terms .rz-card {
  width: 336px;
  padding: 0;
  box-shadow: none;
}
.debtor-terms-next-payment-details {
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.debtor-terms .rz-accordion {
  flex-direction: column-reverse;
}
.debtor-terms .rz-accordion-content {
  padding: 0;
  width: 100%;
  background-color: transparent;
}
.debtor-terms .rz-accordion-header {
  background-color: transparent;
}
.debtor-terms .rz-accordion-header a[role=tab] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px 0 0 0;
  font-size: 12px;
  color: #585d6b;
  cursor: pointer;
}
.debtor-terms .rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) {
  flex-grow: 0;
}
.debtor-terms .rz-accordion-toggle-icon.rzi-chevron {
  margin: 0 !important;
}
.debtor-terms .rz-accordion-toggle-icon.rzi-chevron-right:before {
  color: #585d6b;
  padding-left: 8px;
  content: "+";
  font-weight: bolder;
}
.debtor-terms .rz-accordion-toggle-icon.rzi-chevron-down:before {
  color: #585d6b;
  padding-left: 8px;
  font-family: "FontAwesome";
  content: "\f068";
  font-size: 16px;
}

.debtorinfo-container .icon {
  margin-top: 4px;
  color: #005397;
}
.debtorinfo-container .disabled * {
  pointer-events: none;
}
.debtorinfo-container .disabled * .icon, .debtorinfo-container .disabled * .rz-link-text {
  opacity: 0.5;
}
.debtorinfo-card {
  box-shadow: none !important;
}
.debtorinfo-title {
  color: #585d6b;
}
.debtorinfo-desc {
  color: #101223;
}
.debtorinfo-messages {
  color: #005397;
}
.debtorinfo-deceased {
  margin-top: 10px;
  right: 59px;
  position: absolute;
}
.debtorinfo-accordian-card.rz-card {
  padding: 0;
  box-shadow: none;
}
.debtorinfo-accordian-card.rz-card:after {
  width: max-content;
}
.debtorinfo-desc-col.rz-col {
  flex: 2;
}
.debtorinfo-desc-col.rz-col .rz-link {
  margin-bottom: 7px;
  display: block;
}
.debtorinfo-desc-col.rz-col .rz-link * {
  text-decoration: none !important;
  color: #005397;
}
.debtorinfo-title-col.rz-col {
  flex: 0.75;
}
.debtorinfo-badge {
  margin-top: -30px;
}
.debtorinfo-accordian {
  border-radius: 8px;
}
.debtorinfo-accordian .rz-accordion-header {
  margin: 16px;
  background-color: #ffffff;
}
.debtorinfo-accordian .rz-accordion-content {
  padding: 0 16px 16px 16px;
  background-color: #ffffff;
}
.debtorinfo-accordian .rz-accordion-toggle-icon:before {
  color: #282a3a;
}
.debtorinfo-accordian .rz-accordion-header a span:nth-child(2) {
  color: #101223;
}
.debtorinfo-accordian .rz-accordion-toggle-icon:before {
  color: #282a3a;
  cursor: pointer;
}
.debtorinfo-message-button {
  background-color: transparent;
  border: none;
}
.debtorinfo-card p, .debtorinfo-accordian-card p {
  margin-bottom: 0;
}
.debtorinfo-card .rz-row, .debtorinfo-accordian-card .rz-row {
  gap: 0.5rem;
  row-gap: 0.5rem;
}

.rz-text-subtitle1.debtorinfo-header {
  margin-bottom: 16px;
}

.rz-accordion-header a[role=tab] {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
}

.layout-container {
  position: relative;
  display: grid;
  height: 100%;
}
.layout-container .rz-header {
  display: flex;
  align-items: center;
}
.layout-container .body-container {
  background-image: url("/images/prestige-logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f3f4f8 !important;
  height: 100%;
  overflow: hidden;
}
.layout-container .rz-sidebar-toggle {
  background-color: #ffffff;
  color: #101223;
}
.layout-container .rz-sidebar-toggle:hover {
  background-color: #ffffff;
  color: #101223;
}
.layout-container .rz-alert.not-auth {
  width: 320px;
}

.not-logged-in-menu {
  font-size: 20px;
  color: #005397;
}

.rz-sidebar {
  background-color: #ffffff;
  border-right: 0;
}
.rz-sidebar .rz-navigation-item {
  border: 0;
}
.rz-sidebar .rz-navigation-item-icon {
  color: #585d6b;
}
.rz-sidebar .rz-navigation-item-text {
  color: #585d6b;
}
.rz-sidebar i.rzi {
  font-size: 0;
}
.rz-sidebar i.rzi::before {
  font-family: "Font Awesome 6 Pro";
  font-size: initial;
  font-weight: 300;
}
.rz-sidebar .rz-panel-menu {
  background-color: #ffffff;
}
.rz-sidebar .rz-panel-menu .rz-navigation-item-wrapper:hover {
  background-color: rgba(0, 83, 151, 0.1);
  color: #585d6b;
}
.rz-sidebar .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  color: #585d6b;
}
.rz-sidebar .rz-panel-menu .rz-navigation-item-wrapper-active {
  background-color: rgba(0, 83, 151, 0.1);
}
.rz-sidebar .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  color: #585d6b;
}
.rz-sidebar .rz-panel-menu .rz-navigation-item-wrapper-active::before {
  top: 50%;
  transform: translate(0, -50%);
  bottom: unset;
  height: 32px;
}
.rz-sidebar-secondary-theme {
  background-color: #005397;
}
.rz-sidebar-secondary-theme .rz-navigation-item-icon {
  color: #FFFFFF;
}
.rz-sidebar-secondary-theme .rz-navigation-item-text {
  color: #FFFFFF;
}
.rz-sidebar-secondary-theme .rz-panel-menu {
  background-color: #005397;
}
.rz-sidebar-secondary-theme .rz-panel-menu .rz-navigation-item-wrapper:hover {
  background-color: #00437a;
  color: #FFFFFF;
}
.rz-sidebar-secondary-theme .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
  color: #FFFFFF;
}
.rz-sidebar-secondary-theme .rz-panel-menu .rz-navigation-item-wrapper-active {
  background-color: transparent;
  position: relative;
}
.rz-sidebar-secondary-theme .rz-panel-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
  color: #FFFFFF;
}
.rz-sidebar-secondary-theme .rz-panel-menu .rz-navigation-item-wrapper-active::before {
  top: 50%;
  transform: translate(0, -50%);
  bottom: unset;
  height: 32px;
  background: #FFFFFF;
}

.site-menu {
  height: calc(100vh - 52px);
  min-height: 100%;
  box-shadow: 4px 0 4px rgba(16, 18, 35, 0.1);
}

.menu-tasks i.rzi:before {
  content: "\f03a";
}

.menu-task-history i.rzi:before {
  content: "\e4a2";
}

.menu-task-metrics i.rzi:before {
  content: "\e0e5";
}

.menu-queue-metrics i.rzi:before {
  content: "\e1d1";
}

.menu-all-teams i.rzi:before {
  content: "\e591";
}

.menu-team-members i.rzi:before {
  content: "\f0c0";
}

.menu-team-task-metrics i.rzi:before {
  content: "\f643";
}

.agent-landing-main-content-container {
  flex: 1;
  margin: 16px;
}

.agent-messages-container {
  height: calc(100% - 60px);
}
.agent-messages-container .scheduled-payments-container .rz-accordion-content {
  padding: 0 !important;
}
.agent-messages-container .scheduled-payments-container .rz-accordion-content .secured-payment * {
  color: #007032;
}
.agent-messages-container .scheduled-payments-container .rz-accordion-toggle-icon:before {
  color: #282a3a !important;
}
.agent-messages-send-message-container {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: calc(100% - 336px - 16px);
  overflow-y: scroll;
  height: 100%;
}
.agent-messages-send-message-container::-webkit-scrollbar {
  width: 0;
}
.agent-messages-send-message-container .close-conversation-button {
  color: #cc1e00;
}
.agent-messages-send-message-container .task-communications-container {
  margin-bottom: 16px;
  height: max-content;
  min-height: 400px;
}
.agent-messages-send-message-container .task-communications-container > .rz-tabview {
  height: 100%;
}
.agent-messages-send-message-container .task-communications-container > .rz-tabview .rz-tabview-panels {
  overflow: hidden;
}
.agent-messages-send-message-container .task-communications-container > .rz-tabview .rz-tabview-panels .rz-tabview-panel {
  height: 100%;
}
.agent-messages-send-message-container .task-communications-container .rz-tabview-panels {
  border-radius: 0 8px 8px 8px;
  border: none;
}
.agent-messages-send-message-container .task-communications-container .rz-tabview-panels .rz-tabview-panel {
  overflow: hidden;
}
.agent-messages-account-summary-container {
  overflow-y: scroll;
  max-height: 100%;
  width: 336px;
}
.agent-messages-account-summary-container::-webkit-scrollbar {
  width: 0;
}
.agent-messages-account-summary-container .rz-card {
  margin-bottom: 0;
}

.task-activity-container {
  display: flex;
  overflow-y: auto;
}
.task-activity-container .task-activity-details {
  width: 353px;
}
.task-activity-disposition-activities {
  flex: 1;
  margin-left: 16px;
}

.send-message-divider {
  border-bottom: 1px solid #d2d4da;
}

.rz-multiselect-header {
  color: #101223;
}
.rz-multiselect-header:hover {
  color: #101223;
  background-color: rgba(0, 83, 151, 0.062745098);
}
.rz-multiselect-header span:first-of-type {
  width: 100%;
}

.login {
  align-self: center;
  width: 420px;
  height: 175px;
  top: 76px;
  left: 546px;
  padding: 16px;
  border-radius: 8px;
}
.login .logo-color {
  width: 87px;
  height: 22px;
  align-self: center;
  margin-bottom: 4px;
  background-image: url("/images/prestige-logo-light-mode.png");
}
.login .rz-stack {
  gap: 32px;
}
.login .rz-button.rz-primary.rz-shade-default {
  margin-top: 0 !important;
}

.triple-spinner {
  display: block;
  position: absolute;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top: 4px solid #005397;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.triple-spinner::before,
.triple-spinner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}

.triple-spinner::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #00a4eb;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3.5s linear infinite;
}

.triple-spinner::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #006deb;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.75s linear infinite;
}

.spinner-dots {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(0, 83, 151, 0.1019607843);
  color: rgba(0, 83, 151, 0.1019607843);
  animation: spinner-dots 1s infinite linear alternate;
  animation-delay: 0.5s;
}

.spinner-dots::before, .spinner-dots::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.spinner-dots::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(0, 83, 151, 0.1019607843);
  color: rgba(0, 83, 151, 0.1019607843);
  animation: spinner-dots 1s infinite alternate;
  animation-delay: 0s;
}

.spinner-dots::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgba(0, 83, 151, 0.1019607843);
  color: rgba(0, 83, 151, 0.1019607843);
  animation: spinner-dots 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes spinner-dots {
  0% {
    background-color: rgba(0, 83, 151, 0.4);
  }
  50%, 100% {
    background-color: rgba(0, 83, 151, 0.1019607843);
  }
}
.rz-dialog-wrapper:has(.disposition-dialog), .disposition-dialog + .rz-dialog-mask {
  height: 0;
}

.disposition-dialog {
  background: #f3f4f8;
  box-shadow: 0px 4px 4px 0px rgba(16, 18, 35, 0.1);
  border-radius: 8px;
  top: 140px;
  right: 264px;
  max-height: calc(100vh - 150px);
  border: 1px rgba(0, 83, 151, 0.66) solid;
  transition: all 0s ease;
}
.disposition-dialog .rz-dialog-titlebar {
  padding: 8px 16px;
}
.disposition-dialog .rz-dialog-titlebar:hover {
  cursor: move;
}
.disposition-dialog .rz-dialog-titlebar .rz-dialog-title {
  color: #101223;
  font-family: Inter;
  font-size: 21px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.disposition-dialog .rz-dialog-titlebar-close {
  color: #101223;
  position: absolute;
  top: 13px;
  right: 16px;
}
.disposition-dialog .rz-dialog-content {
  padding: 16px;
}
.disposition-dialog-container > .rz-row {
  margin-bottom: 24px;
}
.disposition-dialog-container > .rz-row .rz-dropdown {
  width: 100%;
}
.disposition-dialog-offered-section {
  padding: 16px;
  border-radius: 4px;
  background: rgba(0, 83, 151, 0.1019607843);
}
.disposition-dialog-offered-section-inputs .input-container {
  height: 36px;
  margin-bottom: 8px;
}
.disposition-dialog-notes {
  margin-bottom: 0;
}
.disposition-dialog-notes textarea {
  height: 95px;
  width: 100%;
}
.disposition-dialog-notes textarea::placeholder {
  color: #101223;
}
.disposition-dialog .disposition-offer-reason-label {
  font-size: 14px;
  font-weight: 400;
}
.disposition-dialog .rz-chkbox .rz-chkbox-box .rzi-check:before {
  margin-left: 2px;
}
.disposition-dialog .rz-checkbox:not(:last-child) {
  margin-bottom: 16px;
}
.disposition-dialog .rz-chkbox-label {
  color: #101223 !important;
}
.disposition-dialog .rz-label {
  color: #585d6b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 6px !important;
}
.disposition-dialog-action-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.disposition-dialog-action-buttons .accept-action-buttons {
  display: inline-flex;
  gap: 16px;
}
.disposition-dialog-action-buttons .rz-button {
  height: 32px;
}
.disposition-dialog-action-buttons .rz-button, .disposition-dialog-action-buttons .rz-button.rz-primary.rz-shade-default {
  margin: 0 !important;
}

.escalate-dialog {
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(16, 18, 35, 0.1);
}
.escalate-dialog .rz-dialog-titlebar {
  padding: 24px 16px 8px 16px;
}
.escalate-dialog .rz-dialog-titlebar .rz-dialog-title {
  font-family: Inter;
  font-size: 24px !important;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  color: #101223;
}
.escalate-dialog .rz-dialog-titlebar-close {
  color: #101223;
}
.escalate-dialog .rz-dialog-content {
  padding: 16px;
}
.escalate-dialog-container > div:not(:last-child) {
  margin-bottom: 24px;
}
.escalate-dialog .rz-dropdown-label,
.escalate-dialog .rz-radiobutton-label,
.escalate-dialog .rz-autocomplete-input {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #101223;
  padding-top: 2px;
}
.escalate-dialog-find-a-manager-autocomplete {
  width: 100%;
}
.escalate-dialog-find-a-manager-autocomplete .rz-autocomplete-input {
  padding-top: 8px;
  padding-left: 26px;
}
.escalate-dialog-find-a-manager-autocomplete .rz-autocomplete-input::placeholder {
  color: #101223;
}
.escalate-dialog-find-a-manager-icon {
  font-size: 12px;
  position: absolute;
  top: 13px;
  left: 10px;
  color: #101223;
}
.escalate-dialog-action-buttons {
  margin-top: 16px;
  text-align: right;
}
.escalate-dialog-action-buttons button {
  margin: 0;
}

.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-titlebar {
  background-color: #f3f4f8;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-titlebar .rz-dialog-title {
  font-size: 21px;
  font-weight: 400;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content {
  background-color: #f3f4f8;
  padding: 16px 24px;
  overflow: hidden;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview {
  overflow-y: scroll;
  height: 100%;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview .rz-tabview-panel {
  padding: 16px;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview .rz-tabview-title {
  color: #101223 !important;
  text-transform: capitalize;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview .rz-tabview-panels {
  border: none;
  border-radius: 0 8px 8px 8px;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview::-webkit-scrollbar-track {
  background-color: transparent;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-dialog-content .rz-tabview::-webkit-scrollbar {
  width: 6px !important;
  border-radius: 8px !important;
}
.rz-dialog:has(.disclosures-dialog-container) .rz-card {
  background-color: #ffffff;
  border: 1px #d2d4da solid;
  margin-bottom: 8px;
}

.rz-button.rz-primary.rz-shade-default.disclosure-dialog-add-button {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.rz-dialog:has(.acknowledge-blocks-container) {
  position: relative;
}
.rz-dialog:has(.acknowledge-blocks-container) .rz-dialog-titlebar {
  background-color: transparent;
}
.rz-dialog:has(.acknowledge-blocks-container) .rz-dialog-titlebar .rz-dialog-title {
  margin-left: 32px;
}
.rz-dialog:has(.acknowledge-blocks-container) .rz-dialog-content {
  background-color: transparent;
}
.rz-dialog:has(.acknowledge-blocks-container) .rz-dialog-content .acknowledge-blocks-icon {
  width: 16px;
  height: 16px;
  color: #f2380f;
  position: absolute;
  left: 20px;
  top: 28px;
}
.rz-dialog:has(.acknowledge-blocks-container) .rz-dialog-content .rz-button.rz-primary.rz-shade-default {
  margin: 0 !important;
}

.rz-dialog-wrapper:has(.expired-dialog), .expired-dialog + .rz-dialog-mask {
  height: 0;
  width: 0;
}

.expired-dialog {
  position: fixed;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  min-height: 10px;
}
.expired-dialog .rz-dialog-content {
  overflow: unset;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  min-width: 100%;
}
.expired-dialog .dialog-body {
  margin-bottom: 0;
}

.task-communications-container .rz-tabview-title {
  color: #101223;
}
.task-communications-container .rz-tabview-panel {
  padding: 0px;
}
.task-communications-container .rz-tabview-panels {
  border: 0;
}
.task-communications-container .send-message-container {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid #d2d4da;
}
.task-communications-container .send-message-container .send-message-veil {
  position: absolute;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
  background-color: rgba(88, 93, 107, 0.1254901961);
  z-index: 100;
}
.task-communications-container .send-message-container .send-message-icon {
  font-size: 16px;
  margin-right: 10px;
}
.task-communications-container .send-message-container textarea {
  padding: 8px;
  min-height: 130px;
  font-size: 14px;
  line-height: normal;
  height: 100%;
  resize: none;
}
.task-communications-container .send-message-container .rz-button.rz-primary.rz-shade-default {
  margin-top: 0px !important;
  margin-bottom: 0px;
}
.task-communications-container .send-message-container:has(.send-message-veil) a {
  opacity: 0.3;
}

.rz-dialog-titlebar .rz-dialog-title {
  font-family: Inter;
  font-size: 21px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.float-right {
  float: right;
}

.close-popup-container .close-task-row {
  display: flex;
  align-items: center !important;
  gap: 8px;
}
.close-popup-container .close-task-button {
  margin-left: auto;
}
.close-popup-container .rz-dropdown-label {
  color: #101223;
  font-weight: 400;
}
.close-popup-container .rzi-calendar {
  color: #101223;
}
.close-popup-next-steps, .close-popup-set-date {
  color: #585d6b;
}
.close-popup-follow-up {
  padding: 16px;
  justify-content: space-between !important;
  align-items: flex-start !important;
  align-self: stretch;
  background-color: rgba(242, 56, 15, 0.1);
  border-radius: 4px;
}
.close-popup-follow-up-icon {
  color: #101223 !important;
}

.disposition-activities-container {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
}
.disposition-activities-container .icon {
  margin-right: 8px;
}
.disposition-activities-container .badge {
  margin-right: 8px;
  background-color: #cc1e00;
}
.disposition-activities-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.disposition-activities-pending-card {
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #d2d4da;
}
.disposition-activities-pending-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disposition-activities-pending-card-body {
  margin: 16px 0;
}
.disposition-activities-pending-card-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.disposition-activities-pending-card-footer .rz-button.rz-primary.rz-shade-default {
  margin-top: 0 !important;
}

.rz-dialog-wrapper:has(.hide-modal-overlay) .rz-dialog-mask {
  background: none !important;
  display: none;
}

.rz-notification:has(.notification-dialogs-container) .rz-notification-message .rz-growl-item,
.rz-notification:has(.notification-dialogs-small-container) .rz-notification-message .rz-growl-item {
  padding: 16px !important;
}
.rz-notification:has(.notification-dialogs-container) .rz-notification-message .rz-growl-item .rz-growl-icon-close,
.rz-notification:has(.notification-dialogs-small-container) .rz-notification-message .rz-growl-item .rz-growl-icon-close {
  display: none;
}
.rz-notification:has(.notification-dialogs-container) .rz-notification-message .rz-growl-item .rz-growl-message .rz-growl-title,
.rz-notification:has(.notification-dialogs-small-container) .rz-notification-message .rz-growl-item .rz-growl-message .rz-growl-title {
  display: flex !important;
  flex: 1;
  font-size: 1rem !important;
  line-height: 1.2em;
  font-weight: 400 !important;
  letter-spacing: 0;
  margin-bottom: 8px;
  color: #101223;
}
.rz-notification:has(.notification-dialogs-container) .rz-notification-message .rz-growl-item .rz-growl-image::before,
.rz-notification:has(.notification-dialogs-small-container) .rz-notification-message .rz-growl-item .rz-growl-image::before {
  font-family: "Font Awesome 6 Pro";
  font-size: 0;
  font-weight: 300;
}
.rz-notification:has(.notification-dialogs-container) .rz-notification-message .rz-growl-item .rz-button,
.rz-notification:has(.notification-dialogs-small-container) .rz-notification-message .rz-growl-item .rz-button {
  margin-top: 0 !important;
}
.rz-notification:has(.notification-dialogs-container) .dialog-title,
.rz-notification:has(.notification-dialogs-small-container) .dialog-title {
  color: #101223 !important;
}
.rz-notification:has(.notification-dialogs-container) .dialog-body,
.rz-notification:has(.notification-dialogs-small-container) .dialog-body {
  color: #585D6B !important;
  margin-bottom: 8px;
}
.rz-notification:has(.notification-dialogs-container) .notification-dialogs-container,
.rz-notification:has(.notification-dialogs-small-container) .notification-dialogs-container {
  width: 285px;
}

.rz-notification:has(.task-expiring-soon-container) .rz-notification-message:has(.task-expiring-soon-container) {
  width: 22rem !important;
}
.rz-notification:has(.task-expiring-soon-container) .rz-notification-message:has(.task-expiring-soon-container) .rz-growl-item-container:has(.task-expiring-soon-container) .rz-growl-item:has(.task-expiring-soon-container) {
  border: 2px #FFAE11 solid;
  background-color: #FFFFFF;
}
.rz-notification:has(.task-expiring-soon-container) .rz-notification-message:has(.task-expiring-soon-container) .rz-growl-image::before {
  content: "\f071" !important;
  font-size: 20px !important;
  color: #FFAE11 !important;
}

.rz-notification-message:has(.notification-dialogs-small-container) div {
  width: 280px;
}

.rz-notification div {
  margin-left: auto;
}

.rz-notification:has(.task-expired-container) .rz-notification-message:has(.task-expired-container) {
  width: 22rem !important;
}
.rz-notification:has(.task-expired-container) .rz-notification-message:has(.task-expired-container) .rz-growl-item-container:has(.task-expired-container) .rz-growl-item:has(.task-expired-container) {
  border: 2px #FFAE11 solid;
  background-color: #FFFFFF;
}
.rz-notification:has(.task-expired-container) .rz-notification-message:has(.task-expired-container) .rz-growl-image::before {
  content: "\f071" !important;
  font-size: 20px !important;
  color: #FFAE11 !important;
}

.rz-notification:has(.new-task-available-container) {
  background: none;
  height: 0 !important;
}
.rz-notification:has(.new-task-available-container) .rz-notification-message:has(.new-task-available-container) {
  width: 22rem !important;
}
.rz-notification:has(.new-task-available-container) .rz-notification-message:has(.new-task-available-container) .rz-growl-item-container:has(.new-task-available-container) .rz-growl-item:has(.new-task-available-container) {
  border: 2px #376DF5 solid;
  background-color: #FFFFFF;
}
.rz-notification:has(.new-task-available-container) .rz-notification-message:has(.new-task-available-container) .rz-growl-image::before {
  content: "\f0ae" !important;
  font-size: 20px !important;
  color: #376DF5 !important;
}
.rz-notification:has(.new-task-available-container) .rz-notification-message:has(.new-task-available-container) .rz-text-body2, .rz-notification:has(.new-task-available-container) .rz-notification-message:has(.new-task-available-container) .rz-text-overline {
  color: #585D6B !important;
}

.summary-note {
  overflow-y: scroll;
}
.summary-note-paragraph {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.summary-note .rz-accordion {
  max-height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
}
.summary-note .rz-accordion-content-wrapper {
  height: 100%;
  overflow-y: auto;
}
.summary-note .rz-accordion-content {
  padding: 16px;
}
.summary-note a[role=tab] {
  padding: 16px;
}
.summary-note a[role=tab] .rz-accordion-toggle-icon {
  cursor: pointer;
}
.summary-note a[role=tab] span:not(.rz-accordion-toggle-icon):before {
  content: "\e202";
  font-family: "Font Awesome 6 Pro";
  font-size: initial;
  font-weight: 300;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  color: #282a3a;
}
.summary-note-header {
  font-weight: bold;
}
.summary-note-row {
  height: 16px;
}
.summary-note-contents {
  display: contents;
}

.tasks-action-container {
  float: right;
  width: 232px;
  position: relative !important;
}
.tasks-action-container .tasks-action-sidebar-toggle {
  height: 32px;
  z-index: 1;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: #d2d4da solid 1px;
}
.tasks-action-container .tasks-action-sidebar-toggle .rz-sidebar-toggle {
  border-right: none;
}
.tasks-action-container .tasks-action-sidebar-toggle .rz-sidebar-toggle i {
  font-size: 0 !important;
  background-color: #ffffff;
}
.tasks-action-container .tasks-action-sidebar-toggle .rz-sidebar-toggle i:before {
  content: "\f324";
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  color: #282a3a;
}
.tasks-action-container .rz-badge .rz-text-overline {
  color: #0d3eb9 !important;
}
.tasks-action-cards {
  height: calc(100% - 151px);
  overflow-y: auto;
}
.tasks-action-cards .rz-button.rz-primary.rz-shade-default {
  margin: 0 !important;
}
.tasks-action-card-header {
  border-bottom: 1px solid #d2d4da;
}
.tasks-action-sidebar-footer {
  position: fixed !important;
  bottom: 0;
  background-color: #ffffff !important;
}
.tasks-action-sidebar-footer-closed {
  position: initial;
  background-color: #ffffff !important;
}
.tasks-action-list-header {
  color: #101223;
}
.tasks-action-date {
  font-weight: 600;
}

.task-action-nav {
  text-decoration: none !important;
}
.task-action-nav-disabled {
  cursor: unset;
  pointer-events: none;
}
.task-action-nav.active div {
  background-color: rgba(0, 83, 151, 0.1);
}
.task-action-nav.active div * {
  background-color: transparent;
}
.task-action-completed {
  padding: 24px 16px 16px 16px;
  border-bottom: 1px solid #d2d4da;
  opacity: 0.5;
  background-color: #ffffff;
}
.task-action-completed-card-cust-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-action-completed .task-action-card-navigate {
  color: #006deb;
}

.task-action-inprogress {
  padding: 16px;
  border-bottom: 1px solid #d2d4da;
  background-color: transparent;
}
.task-action-inprogress:hover {
  background-color: rgba(0, 83, 151, 0.05);
}
.task-action-inprogress .task-action-card-timer {
  background: rgba(0, 155, 81, 0.1);
  border-radius: 32px;
  padding: 4px 8px;
  color: #007032;
}
.task-action-inprogress .header-subtitle {
  width: 100%;
}
.task-action-inprogress .new-message-gif {
  width: 54px;
  height: 15px;
  margin-left: auto !important;
}
.task-action-debtor {
  color: #585d6b;
}
.task-action-debtor-new {
  color: #101223;
}
.task-action-new-task {
  background-color: transparent !important;
}
.task-action-clicked {
  background-color: rgba(0, 83, 151, 0.05);
}

.task-action-activities > div:not(:last-child) {
  margin-bottom: 8px;
}

.task-action-row {
  gap: 8px;
}
.task-action-card-header {
  color: #101223;
}
.task-action-card-desc {
  color: #585d6b;
}
.task-action-cust-desc {
  color: #585d6b;
  font-weight: 600;
}
.task-action-card-desc.rz-text-overline {
  margin-bottom: 0;
}
.task-action-icon {
  color: #585d6b;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.task-action-check {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.task-action-circle {
  width: 16px;
  height: 16px;
  font-size: 4px;
  line-height: 16px !important;
}

.queue-metrics-grid .rz-grid-filter-icon {
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  content: "";
  font-size: 0;
}
.queue-metrics-grid .rz-grid-filter-icon:before {
  content: "\f0b0";
  font-size: small;
  margin: 17px 5px 0 0;
}

.task-activity-details {
  box-shadow: none !important;
  height: max-content;
}
.task-activity-details p {
  margin-bottom: 4px;
}
.task-activity-details p:last-of-type {
  margin-bottom: 0;
}
.task-activity-details .task-id-header {
  color: #585d6b;
}
.task-activity-details .task-details-text-secondary {
  color: #585d6b;
}
.task-activity-details .task-activity-details-section {
  padding-bottom: 24px;
}
.task-activity-details .task-activity-details-section p {
  color: #585d6b;
}
.task-activity-details .task-activity-details-row {
  padding-bottom: 4px;
  row-gap: 8px;
  gap: 8px;
}
.task-activity-details .task-activity-details-row:last-of-type {
  padding-bottom: 0;
}
.task-activity-details .task-separator {
  width: 32px;
  height: 23px;
  text-align: center;
}
.task-activity-details .task-separator::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  background-color: gray;
}
.task-activity-details .task-action-icon {
  width: 32px;
  flex: auto;
  justify-content: center;
}
.task-activity-details .task-activity-details-description {
  width: calc(100% - 40px);
  flex: auto;
}
.task-activity-details .task-activity-details-description p:first-of-type {
  color: #101223;
}
.task-activity-details .icon-border {
  border: 1px solid;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
}
.task-activity-details .icon-border.action-system {
  color: #282a3a;
  border-color: #101223;
}
.task-activity-details .icon-border.action-user {
  color: #006deb;
  border-color: #006deb;
}
.task-activity-details .icon-border i {
  font-size: 16px;
}
.task-activity-details button {
  margin-bottom: 0;
}

.task-activity-details {
  box-shadow: none !important;
  height: max-content;
}
.task-activity-details p {
  margin-bottom: 4px;
}
.task-activity-details p:last-of-type {
  margin-bottom: 0;
}
.task-activity-details .task-id-header {
  color: #585d6b;
}
.task-activity-details .task-details-text-secondary {
  color: #585d6b;
}
.task-activity-details .task-activity-details-section {
  padding-bottom: 24px;
}
.task-activity-details .task-activity-details-section p {
  color: #585d6b;
}
.task-activity-details .task-activity-details-row {
  padding-bottom: 4px;
  row-gap: 8px;
  gap: 8px;
}
.task-activity-details .task-activity-details-row:last-of-type {
  padding-bottom: 0;
}
.task-activity-details .task-separator {
  width: 32px;
  height: 23px;
  text-align: center;
}
.task-activity-details .task-separator::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  background-color: gray;
}
.task-activity-details .task-action-icon {
  width: 32px;
  flex: auto;
  justify-content: center;
}
.task-activity-details .task-activity-details-description {
  width: calc(100% - 40px);
  flex: auto;
}
.task-activity-details .task-activity-details-description p:first-of-type {
  color: #101223;
}
.task-activity-details .icon-border {
  border: 1px solid;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
}
.task-activity-details .icon-border.action-system {
  color: #282a3a;
  border-color: #101223;
}
.task-activity-details .icon-border.action-user {
  color: #006deb;
  border-color: #006deb;
}
.task-activity-details .icon-border i {
  font-size: 16px;
}
.task-activity-details button {
  margin-bottom: 0;
}

.nav-icon, .task-navigation-account-details .rz-navigation-item-icon:before, .task-navigation-task-activity .rz-navigation-item-icon:before, .task-navigation-send-message .rz-navigation-item-icon:before {
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  margin-top: 4px;
}

.task-navigation {
  width: 200px;
  overflow: hidden;
  position: relative !important;
}
.task-navigation-send-message .rz-navigation-item-icon:before {
  content: "\e1e1";
}
.task-navigation-task-activity .rz-navigation-item-icon:before {
  content: "\e479";
}
.task-navigation-account-details .rz-navigation-item-icon:before {
  content: "\f4ff";
}
.task-navigation-sidebar-toggle {
  height: 32px;
  z-index: 1;
  background-color: #005397;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #00437A;
  width: 100%;
}
.task-navigation-sidebar-toggle .rz-sidebar-toggle {
  border-right: none;
  float: right;
}
.task-navigation-sidebar-toggle .rz-sidebar-toggle i {
  font-size: 0 !important;
  background-color: #005397;
}
.task-navigation-sidebar-toggle .rz-sidebar-toggle i:before {
  content: "\f323";
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  align-self: baseline;
  width: 16px;
  height: 16px;
  color: #ffffff;
}
.task-navigation-close-sidebar {
  background-color: #005397;
  width: 32px;
}
.task-navigation-close-sidebar .task-navigation-chevrons-right:before {
  content: "\f324";
  font-family: "Font Awesome 6 pro";
  font-size: initial;
  position: fixed;
  bottom: 0;
  padding: 8px;
  color: #ffffff;
}

.notes-container {
  height: 100%;
  padding-bottom: 32px;
  overflow: hidden;
}
.notes-container > div:first-child {
  padding: 16px 16px 0 16px;
}
.notes-container > div:nth-child(2) {
  padding: 0 16px 16px 16px;
}
.notes-container .notes-history {
  height: calc(100% - 46px);
  overflow: hidden auto;
}
.notes-container .notes-history p {
  text-overflow: ellipsis;
  overflow: hidden;
}
.notes-container .notes-large-icon {
  font-size: 20px;
  margin-right: 10px;
}
.notes-container .note-header-text {
  color: #585d6b;
}
.notes-container .rz-variant-outlined {
  border: 1px #d2d4da solid;
}

.task-details-page-container {
  margin: 24px;
}
.task-details-page-container .task-component-list {
  max-height: calc(100vh - 230px);
  overflow-y: auto;
}
.task-details-page-container .task-card-component-section {
  width: 100%;
  padding: 0;
  box-shadow: none;
  background-color: #FFFFFF;
}
.task-details-page-container .task-card-component-section .agent-label {
  color: #005397 !important;
  font-weight: 600;
}
.task-details-page-container .task-card-component-section hr {
  color: #9496A1;
}
.task-details-page-container .task-card-component-section:after {
  width: max-content;
}
.task-details-page-container .task-card-component-section .rz-accordion-content {
  background-color: initial;
  padding: 24px;
}
.task-details-page-container .task-card-component-section .rz-accordion-content-wrapper {
  margin-top: 24px;
}
.task-details-page-container .task-card-component-section .parent-task-badge-background {
  background-color: rgba(0, 83, 151, 0.1019607843);
  color: #005397;
  border-radius: 32px;
  padding: 4px 8px;
  width: max-content;
}
.task-details-page-container .task-card-component-section .task-account-info-title {
  flex: 0.75;
  width: 75%;
  color: #585D6B;
}
.task-details-page-container .task-card-component-section .task-account-info-desc {
  flex: 2;
  color: #585D6B;
}
.task-details-page-container .task-card-component-section-content {
  width: 30%;
}
.task-details-page-container .task-card-component-section .rz-row {
  margin-bottom: 12px;
}
.task-details-page-container .task-card-component-section .id-card:before {
  content: "\f2c2";
}
.task-details-page-container .task-card-component-section .list-check:before {
  content: "\f0ae";
}
.task-details-page-container .task-card-component-section .user-headset:before {
  content: "\f82d";
}
.task-details-page-container .task-card-component-section .rectangle-history:before {
  content: "\e4a2";
}
.task-details-page-container .task-card-component-section .list-tree:before {
  content: "\e1d2";
}
.task-details-page-container .task-card-component-section .money-bill-wave:before {
  content: "\f53a";
}
.task-details-page-container .task-card-component-section .arrows-repeat:before {
  content: "\f364";
}
.task-details-page-container .task-card-component-section .folder-open:before {
  content: "\f07c";
}
.task-details-page-container .task-card-component-section .rz-accordion-header {
  background-color: initial;
}
.task-details-page-container .task-card-component-section .rz-accordion-header a[role=tab] {
  padding: 24px;
}
.task-details-page-container .task-card-component-section .rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon) {
  font-size: 0.875rem;
  color: #101223;
}
.task-details-page-container .task-card-component-section .rz-accordion-header a[role=tab] span:not(.rz-accordion-toggle-icon):before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: #282A3A;
  padding: 0 10px 0 0;
}
.task-details-page-container .task-card-component-section .rz-accordion-toggle-icon:before {
  color: #282A3A;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.task-details-page-container .task-card-component-section .assigned-agent-profile-lg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.task-details-page-container .task-card-component-section .assigned-agent-profile-sm {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.task-details-page-container .task-card-component-section .assigned-agent-header-tag {
  width: max-content;
}
.task-details-page-container .task-card-component-section .assigned-agent-subheader {
  color: #585D6B;
}
.task-details-page-container .task-card-component-section .arrangement-grid {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.task-details-page-container .task-card-component-section .arrangement-grid-title {
  color: #101223;
  margin-bottom: 12px;
}
.task-details-page-container .task-card-component-section .arrangement-grid .rz-sortable-column .rzi-sort {
  margin: 0 0 6px 6px;
}
.task-details-page-container .task-card-component-section .arrangement-grid th {
  background-color: #EBEEF4;
  color: #101223;
  padding: 16px;
}
.task-details-page-container .task-card-component-section .arrangement-grid th .rz-column-title {
  padding: 0;
}
.task-details-page-container .task-card-component-section .arrangement-grid tbody > tr > td {
  border-bottom: none;
  border-top: none;
}
.task-details-page-container .task-card-component-section .arrangement-grid td {
  background-color: #FFFFFF;
  color: red;
  padding: 16px;
}

.task-details-header-container {
  box-shadow: none !important;
  align-items: center;
}
.task-details-header-container .header-badge {
  height: 22px;
  margin: 0;
}

.queue-metrics-grid {
  background-color: white;
  border-radius: 8px;
}
.queue-metrics-grid .rz-data-grid-data > .rz-grid-table tbody > tr > td {
  border: none;
}
.queue-metrics-grid .rz-grid-table thead th .rz-column-title {
  text-transform: unset;
}

.task-list-history-container {
  padding: 24px;
  height: 100%;
}
.task-list-history-container .daterangepicker-visibility-visible .daterangepicker {
  top: 60px !important;
}
.task-list-history-container .daterangepicker-visibility-visible .daterangepicker .ranges ul li:hover {
  background-color: #005397;
  color: #ffffff;
  font-size: 14px !important;
  font-family: inter !important;
}
.task-list-history-container .rz-form-field-content {
  margin: 0 !important;
  background-color: #ffffff !important;
}
.task-list-history-container .task-list-history-gridview-container {
  position: relative;
  height: 100%;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container {
  overflow-y: hidden;
  max-height: calc(100vh - 170px);
  position: absolute;
  height: 100%;
  left: 0;
  right: -24px;
  padding-right: 4px;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .agent-task-Id {
  width: 8em;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-grid-filter-icon {
  font-size: 0;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-grid-filter-icon::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0b0";
  font-size: 0.875rem;
  color: #101223;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-grid-table {
  padding-right: 5px;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid-data {
  scrollbar-gutter: stable;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .task-history-data-grid {
  height: calc(100vh - 170px);
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid {
  border: 0;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid tr:hover > td {
  background-color: #ffffff;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th, .task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td {
  border: 0;
  background-color: #ffffff !important;
  white-space: normal;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th .rz-chkbox-box, .task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td .rz-chkbox-box {
  padding-left: 4px;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th .rz-column-title, .task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td .rz-column-title {
  text-transform: none;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th .rz-column-title .rz-column-title-content, .task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td .rz-column-title .rz-column-title-content {
  font-size: 0.875rem;
  font-weight: 600;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th .rz-cell-data, .task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td .rz-cell-data {
  white-space: normal;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid th {
  padding: 8px;
  border: 0 !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td {
  padding: 16px;
  border: 0 !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid thead {
  z-index: 99;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid thead th {
  background-color: #ebeef4 !important;
  border-top: 1px transparent solid !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid thead th:first-child {
  border-top-left-radius: 8px;
  padding-left: 8px;
  border-left: 1px transparent solid !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid thead th:last-child {
  border-top-right-radius: 8px;
  border-right: 1px transparent solid !important;
  padding-right: 8px;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td:first-child {
  border-left: 1px transparent solid !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid td:last-child {
  border-right: 1px transparent solid !important;
}
.task-list-history-container .task-list-history-gridview-container .task-list-grid-container .rz-data-grid tr:last-child {
  border-bottom: 1px transparent solid !important;
}

.navigation-tooltip {
  top: 700px !important;
}
.navigation-tooltip .rz-tooltip-content {
  background-color: #B3B5BD;
  padding: 5px 7px 2px;
}
.navigation-tooltip .tooltip-icon {
  background-color: #9496A1;
  padding: 3px 5px;
  border-radius: 4px;
}
.navigation-tooltip .rz-left-tooltip-content:after {
  content: unset !important;
}

.navigation-collapse {
  margin-left: 15px;
}

.navigation-expand {
  margin-left: 28px;
}

.tooltip-container {
  display: flex;
  gap: 4px;
  align-items: baseline;
}

.rz-tooltip-content {
  box-shadow: 0px 4px 4px 0px rgba(16, 18, 35, 0.1);
}
.rz-tooltip-content pre {
  margin-bottom: 0;
}

.queue-metrics-container {
  height: 95%;
  overflow-y: auto;
}
.queue-metrics-container .queue-metrics-card-detail {
  width: 169px;
  background-color: #ffffff;
}
.queue-metrics-container .queue-metrics-card-detail .fa-arrow-rotate-right {
  color: #BE0093;
  font-size: large;
}
.queue-metrics-container .queue-metrics-card-detail .fa-arrow-right-from-arc {
  color: #F6652E;
  font-size: large;
}
.queue-metrics-container .queue-metrics-card-detail .fa-user-magnifying-glass {
  color: #0F9fD6;
  font-size: large;
}
.queue-metrics-container .queue-metrics-card-detail .fa-arrow-up-right-dots {
  color: #00ACB8;
  font-size: large;
}
.queue-metrics-container .queue-metrics-tasks-count {
  background-color: #ffffff;
}
.queue-metrics-container .bar-chart-count {
  color: #ffffff;
}
.queue-metrics-container .queue-metrics-open-tasks {
  background-color: #009b51;
}
.queue-metrics-container .queue-metrics-assigned-tasks {
  background-color: #00ACB8;
}
.queue-metrics-container .queue-metrics-closed-tasks {
  background-color: #376df5;
}
.queue-metrics-container .queue-metrics-grid {
  background-color: #ffffff;
  border-radius: 8px;
}
.queue-metrics-container .queue-metrics-grid .rz-data-grid-data > .rz-grid-table tbody > tr > td {
  border: none;
}
.queue-metrics-container .queue-metrics-grid .rz-grid-table thead th .rz-column-title {
  text-transform: unset;
}
.queue-metrics-container .queue-metrics-grid .rz-sortable-column {
  background-color: #ebeef4;
}

.team-card-container .link-secondary {
  color: #006deb;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.favorite-container {
  width: 25px;
  height: 25px;
}
.favorite-container button {
  height: 100%;
  width: 100%;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid #cc1e00;
  transition: all 0.3s ease;
  background: transparent;
}
.favorite-container button i {
  color: #cc1e00;
}
.favorite-container button:hover {
  background: rgba(242, 56, 15, 0.1);
}
.favorite-container button.liked {
  background: #cc1e00;
}
.favorite-container button.liked i {
  color: #ffffff;
}

.account-details-tabs-container {
  margin-left: 16px;
}
.account-details-tabs-container .rz-tabview.rz-tabview-top {
  height: 100%;
}
.account-details-tabs-container .rz-tabview.rz-tabview-top .rz-tabview-panels {
  border: initial;
  border-radius: 0 8px 8px 8px;
}
.account-details-tabs-container .rz-tabview.rz-tabview-top .rz-tabview-panels .rz-tabview-panel {
  padding: 16px;
  height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.account-details-tabs-container .rz-tabview.rz-tabview-top .rz-tabview-panels .rz-tabview-panel::-webkit-scrollbar {
  display: none;
}
.account-details-tabs-container .rz-tabview.rz-tabview-top .rz-tabview-title {
  color: #101223;
}
.account-details-tabs-container .eye-icon {
  margin-top: -5px;
}

.account-details-circle-info {
  color: #101223;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.account-details-edit-btn {
  color: #006deb;
}

.personal-information-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.personal-information-container button.rz-button.eye-icon {
  margin: 0 !important;
}
.personal-information-container .p-link-button {
  margin-right: -6px;
  margin-top: 3px;
}
.personal-information-container i {
  width: 16px;
  height: 16px;
  color: #282a3a;
  margin-top: 2px;
}
.personal-information-container.edit-mode {
  border: 1px solid #005397;
}
.personal-information-container.edit-mode .personal-information-header {
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.personal-information-container .rz-form-field-content *, .personal-information-container .rz-textbox, .personal-information-container label {
  background-color: #ffffff !important;
}
.personal-information-container label {
  color: #585d6b !important;
}
.personal-information-header {
  background-color: #f3f4f8;
  padding-top: 17px !important;
  padding-bottom: 15px !important;
}
.personal-information-footer {
  background-color: #f3f4f8;
  padding: 16px;
}
.personal-information-footer .rz-button.rz-primary.rz-shade-default {
  margin: 0 0 0 10px !important;
}
.personal-information-ssn-field .rz-button.rz-variant-text.rz-primary.rz-shade-default {
  margin: 0 !important;
}
.personal-information-ssn-field i {
  color: #005397 !important;
}

.emails-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.emails-container i {
  margin-top: 3px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.emails-container .email-icon {
  margin-top: -5px;
}
.emails-container.edit-mode {
  border: 1px solid #005397;
}
.emails-container.edit-mode .emails-header {
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.emails-container.edit-mode .emails-header .rz-button.rz-primary.rz-shade-default {
  margin-bottom: 0px;
  margin-top: 0 !important;
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.emails-container.edit-mode .emails-header .rz-button.rz-primary.rz-shade-default * {
  color: #005397;
}
.emails-container.edit-mode .valid.modified:not([type=checkbox]) {
  outline: unset;
}
.emails-container.edit-mode .rz-chkbox-box .rzi {
  margin-left: 4px;
}
.emails-container .rz-form-field-content *, .emails-container .rz-textbox, .emails-container label {
  background-color: #ffffff !important;
}
.emails-container label {
  color: #585d6b !important;
}
.emails-container .p-link-button * {
  color: #006deb;
}
.emails-container .inputs-and-consent {
  flex-wrap: nowrap;
}
.emails-container .inputs-section {
  width: 35%;
}
.emails-container .consent-section {
  margin-left: 40px;
}
.emails-container .consent-title {
  margin-top: 10px;
}
.emails-container .consent-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
  gap: 8px;
}
.emails-container .consent-label {
  width: 45px;
  min-width: 45px;
  margin-top: 4px;
}
.emails-container .consent-options {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  overflow-x: visible;
}
.emails-container .radzen-radio-list {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 16px;
}
.emails-header, .emails-footer {
  background-color: #f3f4f8;
}
.emails-header button i {
  color: #005397 !important;
}
.emails-edit-entry-container {
  padding-bottom: 24px;
}
.emails-edit-entry-container:not(:last-child) {
  border-bottom: 1px solid #d2d4da;
}
.emails-footer {
  padding: 16px;
  border-top: 1px solid #d2d4da;
}
.emails-footer .rz-button.rz-primary.rz-shade-default {
  margin: 0 0 0 10px !important;
}
.emails-delete-button * {
  color: #cc1e00;
}
.emails-restore-button * {
  color: #006deb;
}
.emails-toggle-show-removed-emails-button * {
  color: #006deb;
}
.emails-input {
  max-width: 230px;
  width: 100%;
}
.emails-checkbox {
  margin-top: 12px;
}
.emails-checkbox .rz-chkbox-label {
  font-size: 14px;
  font-weight: 400;
  color: #101223 !important;
}
.emails-archive {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #cc1e00;
  font-size: 16px;
}
.emails-archive i {
  margin-bottom: 10px;
  margin-right: 0px;
}
.emails-archive .rz-text-body1 {
  color: #cc1e00;
}
.emails-archive:hover {
  color: #f2380f;
}
.emails-archive:hover .rz-text-body1 {
  color: #f2380f;
}

.email-add-new-section {
  border-top: none !important;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 15px !important;
  margin-left: 15px;
}

.email-add-new-section .add-new-email-button,
button.add-new-email-button {
  border: 1px solid transparent !important;
  background-color: rgba(0, 83, 151, 0.1019607843) !important;
  color: #005397 !important;
  font-weight: bold !important;
  border-radius: 5px !important;
  padding: 5px 15px !important;
  height: 40px !important;
  box-shadow: none !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.email-add-new-section .add-new-email-button:hover,
button.add-new-email-button:hover {
  border-color: #0072c6 !important;
  filter: brightness(1.05) !important;
}
.email-add-new-section .add-new-email-button i,
button.add-new-email-button i {
  color: #005397 !important;
  margin-right: 6px !important;
}

.emails-edit-container .email-entries-wrapper + .email-add-new-section {
  margin-bottom: 5px;
}

.status-unconfirmed,
.status-unconfirmed * {
  color: #cc1e00 !important;
}

.phone-numbers-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.phone-numbers-container i {
  font-size: 16px;
}
.phone-numbers-container.edit-mode {
  border: 1px solid #005397;
}
.phone-numbers-container.edit-mode .phone-numbers-header {
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.phone-numbers-container.edit-mode .phone-numbers-header .rz-button.rz-primary.rz-shade-default {
  margin-bottom: 0;
  margin-top: 0 !important;
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.phone-numbers-container.edit-mode .phone-numbers-header .rz-button.rz-primary.rz-shade-default * {
  color: #005397;
}
.phone-numbers-container.edit-mode .valid.modified:not([type=checkbox]) {
  outline: unset;
}
.phone-numbers-container.edit-mode .rz-chkbox-box .rzi {
  margin-left: 4px;
}
.phone-numbers-container .rz-form-field-content *, .phone-numbers-container .rz-textbox, .phone-numbers-container label {
  background-color: #ffffff !important;
}
.phone-numbers-container label {
  color: #585d6b !important;
}
.phone-numbers-container .p-link-button * {
  color: #006deb;
}
.phone-numbers-container .inputs-and-consent {
  flex-wrap: nowrap;
}
.phone-numbers-container .inputs-section {
  flex: 3;
  min-width: 400px;
}
.phone-numbers-container .phone-number-fields {
  display: flex;
  gap: 16px;
}
.phone-numbers-container .consent-section {
  flex: 1;
  min-width: 250px;
}
.phone-numbers-container .consent-title {
  margin-top: 10px;
}
.phone-numbers-container .consent-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
  gap: 8px;
}
.phone-numbers-container .consent-label {
  width: 45px;
  min-width: 45px;
  margin-top: 4px;
}
.phone-numbers-container .consent-options {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  overflow-x: visible;
}
.phone-numbers-container .radzen-radio-list {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 16px;
}
.phone-numbers-header, .phone-numbers-footer {
  background-color: #f3f4f8;
}
.phone-numbers-header button i {
  color: #005397 !important;
  margin-top: 3px;
  width: 16px;
  height: 16px;
}
.phone-numbers-footer {
  padding: 16px;
  border-top: 1px solid #d2d4da;
}
.phone-numbers-footer .rz-button.rz-primary.rz-shade-default {
  margin: 0 0 0 10px !important;
}
.phone-numbers-input {
  max-width: 230px;
  width: 100%;
}
.phone-numbers-checkbox .rz-checkbox {
  margin-top: 12px;
}
.phone-numbers-checkbox .rz-chkbox-label {
  font-size: 14px;
  font-weight: 400;
  color: #101223 !important;
}
.phone-numbers-edit-entry-container {
  padding-bottom: 24px;
}
.phone-numbers-edit-entry-container:not(:last-child) {
  border-bottom: 1px solid #d2d4da;
}
.phone-numbers-edit-entry-icon {
  margin-right: 12px;
}
.phone-numbers-edit-entry-inputs-container {
  max-width: 381px;
}
.phone-numbers-extension-input {
  width: 100%;
  max-width: 60px;
}
.phone-numbers-archive {
  cursor: pointer;
  color: #cc1e00;
}
.phone-numbers-archive .rz-text-body1 {
  color: #cc1e00;
  margin-left: 0px;
  position: relative;
  bottom: 2px;
}
.phone-numbers-archive:hover {
  color: #f2380f;
}
.phone-numbers-archive:hover .rz-text-body1 {
  color: #f2380f;
}

.phone-add-new-section {
  border-top: none !important;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

.phone-add-new-section .add-new-phone-button,
button.add-new-phone-button {
  border: 1px solid transparent !important;
  background-color: rgba(0, 83, 151, 0.1019607843) !important;
  color: #005397 !important;
  font-weight: bold !important;
  border-radius: 5px !important;
  padding: 5px 15px !important;
  height: 40px !important;
  margin-bottom: 0px !important;
  box-shadow: none !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.phone-add-new-section .add-new-phone-button:hover,
button.add-new-phone-button:hover {
  border-color: #0072c6 !important;
  filter: brightness(1.05) !important;
}
.phone-add-new-section .add-new-phone-button i,
button.add-new-phone-button i {
  color: #005397 !important;
  margin-right: 6px !important;
}

.add-new-phone-button.rz-button {
  background-color: #eff8fe !important;
  color: #0072c6 !important;
}

.phone-numbers-edit-container .phone-entries-wrapper + .phone-add-new-section {
  margin-bottom: 5px;
}

.status-unconfirmed,
.status-unconfirmed * {
  color: #cc1e00 !important;
}

.insurance-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.insurance-container i {
  width: 16px;
  height: 16px;
}
.insurance-container .insurance-header {
  background-color: #f3f4f8 !important;
}

.addresses-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.addresses-container i {
  width: 16px;
  height: 16px;
  color: #282a3a;
}
.addresses-container.edit-mode {
  border: 1px solid #005397;
}
.addresses-container.edit-mode .addresses-header {
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.addresses-container.edit-mode .addresses-header .rz-button.rz-primary.rz-shade-default {
  margin-bottom: 0;
  margin-top: 0 !important;
  background-color: rgba(0, 83, 151, 0.1019607843);
}
.addresses-container.edit-mode .addresses-header .rz-button.rz-primary.rz-shade-default * {
  color: #005397;
}
.addresses-container.edit-mode .valid.modified:not([type=checkbox]) {
  outline: unset;
}
.addresses-container .rz-form-field-content *,
.addresses-container .rz-textbox,
.addresses-container label {
  background-color: #ffffff !important;
}
.addresses-container .p-link-button * {
  color: #005397;
}
.addresses-container .address-container {
  display: flex;
  align-items: center;
  gap: 20px !important;
  padding-bottom: 12px !important;
}
.addresses-container .address-icon {
  height: 16px;
  width: 16px;
  position: relative;
  top: 2px !important;
  margin-right: -8px;
}
.addresses-container .address-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.addresses-container .address-bottom-padding {
  padding-bottom: 8px !important;
}
.addresses-header {
  background-color: #f3f4f8;
}
.addresses-header i {
  margin-top: 3px;
}
.addresses-edit-entry-container {
  padding-bottom: 24px;
}
.addresses-edit-entry-container:not(:last-child) {
  border-bottom: 1px solid #d2d4da;
}

.addresses-edit-archive {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #cc1e00;
  font-size: 16px;
}
.addresses-edit-archive i {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0px !important;
  margin-bottom: 8px !important;
  color: #cc1e00 !important;
}
.addresses-edit-archive .rz-text-body1, .addresses-edit-archive .pl-2 {
  color: #cc1e00 !important;
}
.addresses-edit-archive:hover {
  color: #f2380f !important;
}
.addresses-edit-archive:hover i {
  color: #f2380f !important;
}
.addresses-edit-archive:hover .rz-text-body1, .addresses-edit-archive:hover .pl-2 {
  color: #f2380f !important;
}

.addresses-edit-container {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 2px;
  margin: 0;
}
.addresses-edit-container i {
  width: 16px;
  height: 16px;
}
.addresses-edit-container .rz-chkbox .rz-chkbox-box .rzi-check:before {
  margin-left: 2px;
}
.addresses-edit-container .addresses-edit-content {
  background-color: #ffffff;
}
.addresses-edit-container .addresses-edit-add-new {
  background-color: rgba(0, 83, 151, 0.1019607843) !important;
}
.addresses-edit-container .addresses-edit-add-new i, .addresses-edit-container .addresses-edit-add-new p {
  color: #005397;
}
.addresses-edit-container .addresses-edit-remove i, .addresses-edit-container .addresses-edit-remove p {
  color: #cc1e00;
}
.addresses-edit-container .address-type-dropdown {
  max-width: 360px;
  width: 100%;
}
.addresses-edit-container .addresses-edit-status {
  width: 75%;
  padding: 10px 0 0 45px;
  position: relative;
}
.addresses-edit-container .addresses-edit-address-details {
  max-width: 360px;
  width: 100%;
}
.addresses-edit-container .addresses-edit-city {
  max-width: 231px;
  width: 100%;
}
.addresses-edit-container .addresses-edit-state {
  max-width: 110px;
  width: 100%;
  background-color: inherit;
  box-sizing: border-box;
}
.addresses-edit-container .addresses-edit-zip {
  width: 25%;
  background-color: inherit;
}
.addresses-edit-container .addresses-edit-footer {
  background-color: #F3F4F8;
  padding: 14px !important;
  display: flex;
  justify-content: flex-end;
}
.addresses-edit-container .addresses-edit-footer .rz-button.rz-primary.rz-shade-default {
  margin: 0 0 0 10px !important;
}
.addresses-edit-container .rz-form-field-content .rz-form-field-label {
  color: #585D6B;
}

.address-add-new-section {
  border-top: none !important;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 15px !important;
  margin-left: 15px;
}

.address-add-new-section .add-new-address-button,
button.add-new-address-button {
  border: 1px solid transparent !important;
  background-color: rgba(0, 83, 151, 0.1019607843) !important;
  color: #005397 !important;
  font-weight: bold !important;
  border-radius: 5px !important;
  padding: 5px 15px !important;
  height: 40px !important;
  box-shadow: none !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.address-add-new-section .add-new-address-button:hover,
button.add-new-address-button:hover {
  border-color: #0072c6 !important;
  filter: brightness(1.05) !important;
}
.address-add-new-section .add-new-address-button i,
button.add-new-address-button i {
  color: #005397 !important;
  margin-right: 6px !important;
}

.add-new-address-button.rz-button {
  background-color: #eff8fe !important;
  color: #0072c6 !important;
}

.addresses-edit-container .address-entries-wrapper + .address-add-new-section {
  margin-bottom: 5px;
}

.disclosures-container .disclosures-search-box {
  top: -5px;
  position: absolute;
  right: 30px;
}
.disclosures-container .disclosures-prematch-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
}
.disclosures-container .disclosures-postmatch-text {
  width: fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: fit-content;
}
.disclosures-container .disclosures-highlight-keyword {
  background-color: rgba(0, 83, 151, 0.1019607843);
  width: fit-content;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.disclosures-container .disclosure-card-container {
  background-color: #ffffff;
}
.disclosures-container .disclosure-card {
  border: 1px solid #d2d4da;
}
.disclosures-container .filtered-disclosure {
  border: 1px solid #d2d4da;
  height: 300px;
  width: 360px;
  background-color: #ffffff;
  top: 9%;
  right: 43px;
  z-index: 5;
}
.disclosures-container .filtered-disclosure-card {
  padding: 8px 16px;
}
.disclosures-container .filtered-disclosure-card:hover {
  background-color: rgba(0, 83, 151, 0.1019607843);
}

.selected-disclosure {
  border: 1px solid #005397 !important;
}

.agent-messages-layout-container {
  height: calc(100vh - 52px);
  min-height: 100%;
}
.agent-messages-layout-main-content-container {
  padding: 16px;
  overflow: hidden;
  flex: 1;
}
.agent-messages-layout-main-content-container .agent-app-bar-container {
  margin-bottom: 16px;
}

.insurance-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.insurance-container i {
  width: 16px;
  height: 16px;
}
.insurance-container .insurance-header {
  background-color: #f3f4f8 !important;
}

div.rz-stack .rz-badge.badge {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.7rem 0.6rem !important;
  border-radius: 15px !important;
  font-family: Arial, sans-serif;
  font-size: 12px !important;
  border: 2px solid transparent !important;
  background-color: transparent !important;
  width: auto !important;
  max-width: fit-content !important;
}

div.rz-stack .rz-badge.badge-current {
  color: #007032 !important;
  border-color: #007032 !important;
}

div.rz-stack .rz-badge.badge-returned {
  color: #FA8E00 !important;
  border-color: #FA8E00 !important;
}

div.rz-stack .rz-badge.badge-mailonly {
  color: #0D3EB9 !important;
  border-color: #0D3EB9 !important;
}

div.rz-stack .rz-badge.badge-mailreturned {
  color: #FA8E00 !important;
  border-color: #FA8E00 !important;
}

div.rz-stack .rz-badge.badge-invalid {
  color: #E9385F !important;
  border-color: #E9385F !important;
}

div.rz-stack .rz-badge.badge .rz-icon,
div.rz-stack .rz-badge.badge .icon,
div.rz-stack .rz-badge.badge i {
  color: inherit !important;
  font-size: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 0.3rem !important;
  transform: translateY(0px) !important;
}

div.rz-stack .rz-badge.badge .text {
  color: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  transform: translateY(4px) !important;
}

.debtor-info-deceased-badge {
  top: -2px;
  position: relative;
  height: 25px;
  padding-top: 5px;
}
.debtor-info-codebtor {
  top: 1.3em;
  position: relative;
  width: max-content;
  right: 41px;
  margin-left: auto;
}
.debtor-info-deceased-text {
  color: #cc1e00;
}

.employment-container .employer-info-debtor-card-container {
  padding: 0;
}
.employment-container .employer-info-debtor-card-container .employment-sections-label {
  color: #585d6b;
  font-size: 12px;
}
.employment-container .employer-info-debtor-card div {
  max-width: 100%;
}
.employment-container .employer-info-debtor-card img {
  width: 32px;
  height: 32px;
}
.employment-container .employer-info-debtor-card-name {
  margin: 0 8px;
}
.employment-container .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #006deb;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
  flex-shrink: 0;
}
.employment-container .circle-inner {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  line-height: 1em;
  margin: 0;
}
.employment-container .name-container {
  display: flex;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}
.employment-container .employment-sections-text {
  color: #585d6b;
}
.employment-container .rz-form-field-label {
  color: var(--text-primary, --rz-text-body-color) !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(210, 212, 218, 0.1);
}

.hover {
  cursor: pointer;
}
.hover:hover {
  color: #005397;
}

.employer-info-debtor-card {
  min-height: 64px;
  border: 1px solid #d2d4da;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
}
.employer-info-debtor-card:hover {
  border-color: #005397;
}
.employer-info-debtor-card.selected {
  background-color: rgba(0, 83, 151, 0.062745098);
  border-color: #005397;
}

.employment-info i {
  color: #282a3a;
  margin-right: 1px;
  margin-top: 1.5px;
}

.employer-info-header {
  background-color: #F3F4F8;
}

.employer-info-container {
  border: 1px solid #d2d4da;
  gap: 0;
}

.employment-header .add-edit-buttons {
  display: flex;
  justify-content: end;
  margin-left: auto;
  gap: 16px;
}
.employment-header .add-edit-buttons .button {
  color: #006deb;
  gap: 6px;
  align-items: center !important;
  cursor: pointer;
}
.employment-header .add-edit-buttons .button .rz-text-caption {
  color: #006deb;
}
.employment-header .add-edit-buttons .button.active .rz-text-caption {
  text-decoration: underline;
  font-weight: bold;
}
.employment-header .header-button-text {
  font-size: 10px;
}

.employerInfo-state-dropdown.rz-dropdown {
  background-color: transparent !important;
}

body .my-employment-checkbox.rz-chkbox .rz-chkbox-box {
  background-color: #FFFFFF !important;
}

body .my-employment-checkbox.rz-chkbox .rz-chkbox-box.rz-state-active {
  background-color: #005397 !important;
}

.add-new-employment-container {
  border-radius: 4px;
  border: 1px solid #005397;
  gap: 24px;
}

.add-new-employment-container .input-container .zip-input {
  width: 115px;
  flex-direction: unset;
}

.add-new-employment-container .header {
  background-color: rgba(0, 83, 151, 0.1019607843);
  display: flex !important;
  padding: 16px 16px 16px 0;
  align-items: center !important;
}

.add-new-employment-container .case-icon {
  padding-left: 20px;
}

.add-new-employment-container .footer {
  background-color: #f3f4f8;
}
.add-new-employment-container .footer .cancel-btn {
  color: #005397 !important;
}

.add-new-employment-container .footer-content {
  margin-left: auto;
  padding: 16px;
}

.add-new-employment-container .employment-container {
  padding: 0 16px;
}

.add-new-employment-container .input-container {
  width: 50%;
  gap: 4px;
}

.add-new-employment-container .input-container .phone-row {
  display: flex;
  width: 100%;
  margin-left: auto;
}

.add-new-employment-container .input-container .phone-row .rz-form-field {
  flex: 1;
}

.add-new-employment-container .input-container .phone-row .rz-form-field:last-child {
  flex: 0 0 80px;
}

.add-new-employment-container .input-container .ext-input {
  flex: 0 0 80px;
}

.contacts-editor-container .contact-info-container,
.contacts-editor-container .contact-phone-container,
.contacts-editor-container .contact-email-container,
.contacts-editor-container .contact-address-container {
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #24BFEE;
  margin-bottom: 10px;
}

.contacts-editor-container .contact-card-header,
.contacts-editor-container .contact-card-footer {
  background-color: #f3f4f8;
  height: 50px;
}

.contacts-editor-container .contact-card-header {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.contacts-editor-container .contact-card-footer {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.contacts-editor-container i {
  padding-top: 0.25rem;
}

.contacts-editor-container button {
  padding: 5px 15px;
  border-radius: 5px;
  margin: 5px;
  height: 40px;
}

.contacts-editor-container .save-btn {
  border-color: #005397;
  background-color: #005397;
  color: #ffffff;
}
.contacts-editor-container .save-btn:hover {
  filter: brightness(1.2);
}

.contacts-editor-container .cancel-btn {
  border: 2px solid transparent;
  background-color: transparent;
  color: #005397;
}
.contacts-editor-container .cancel-btn:hover {
  border-color: #005397;
}

.contacts-editor-container .add-btn {
  border-color: transparent;
  background-color: rgba(0, 83, 151, 0.2509803922);
  color: #005397;
  margin: 10px 15px;
}
.contacts-editor-container .add-btn:hover {
  border-color: #005397;
  filter: brightness(1.2);
}

.contacts-editor-container .inputs-container {
  background-color: #ffffff;
  padding: 15px;
}
.contacts-editor-container .inputs-container .rz-dropdown {
  background-color: #ffffff;
}
.contacts-editor-container .inputs-container .rz-form-field-label {
  color: #9496A1;
  background-color: #ffffff !important;
}
.contacts-editor-container .inputs-container .rz-form-field-content:hover {
  border-color: #24BFEE !important;
}
.contacts-editor-container .inputs-container .rz-textbox {
  background-color: transparent !important;
}
.contacts-editor-container .inputs-container hr {
  margin: 15px auto 0 auto;
  width: 95% !important;
}
.contacts-editor-container .inputs-container .archive {
  cursor: pointer;
  color: #cc1e00;
}
.contacts-editor-container .inputs-container .archive .rz-text-body1 {
  color: #cc1e00;
}
.contacts-editor-container .inputs-container .archive:hover {
  color: #f2380f;
}
.contacts-editor-container .inputs-container .archive:hover .rz-text-body1 {
  color: #f2380f;
}

.add-new-contact-container {
  border-radius: 4px;
  border: 1px solid #005397;
  gap: 24px;
}

.add-new-contact-container hr {
  margin: 0 10px;
}

.add-new-contact-container .header {
  background-color: rgba(0, 83, 151, 0.1019607843);
  display: flex !important;
  padding: 16px;
  align-items: center !important;
}

.add-new-contact-container .footer {
  background-color: #f3f4f8;
}

.add-new-contact-container .footer-content {
  margin-left: auto;
  padding: 16px;
}

.add-new-contact-container .input-container {
  margin-left: 20px;
  gap: 4px;
}

.add-new-contact-container .consent-container {
  margin: 10px 0 0 50px;
}

.add-new-contact-container .comment-container {
  margin: 0 16px 0 16px;
}

.vehicle-container {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d2d4da;
}
.vehicle-container i {
  width: 16px;
  height: 16px;
  color: #282a3a;
}
.vehicle-container .pen-icon {
  margin-right: -1px;
  margin-top: 0px;
}
.vehicle-header, .vehicle-footer {
  background-color: #f3f4f8;
}

.vehicle-vin {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vehicle-vin:hover {
  overflow: visible;
  white-space: normal;
  height: auto;
}

.contacts-information-header {
  background-color: #f3f4f8;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.contacts-container {
  margin: 24px, 16px;
}
.contacts-container-detail {
  border: 1px solid #d2d4da;
  gap: 0;
}
.contacts-container-detail .phone-icon {
  font-size: 16px;
  top: 16px;
  position: relative;
}
.contacts-container-detail .email-icon {
  margin-top: -8px;
  margin-right: 5px;
  margin-left: -3px;
}
.contacts-container-card {
  cursor: pointer;
  border: 1px solid #d2d4da;
  border-radius: 4px;
}
.contacts-container-card:hover {
  border-color: #005397;
}
.contacts-container-card.selected {
  background-color: rgba(0, 83, 151, 0.062745098);
  border-color: #005397;
}
.contacts-container .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #006deb;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
  flex-shrink: 0;
}
.contacts-container .circle-inner {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  line-height: 1em;
  margin: 0;
}
.contacts-container .name-container {
  display: flex;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-break: break-word;
}

i.contacts-icon {
  display: flex;
  align-items: center;
}

.status-badge {
  margin-top: 1px;
}

.contacts-alert {
  text-align: left;
  padding-left: 0;
}

.contacts-information {
  padding-top: 36px;
}

.contacts-alert .rz-alert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
  padding-left: 3px;
  padding-right: 2px;
  position: relative;
}

.contacts-alert .rz-alert-icon::before {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0px;
}

.contacts-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contacts-header .rz-text-body1 {
  margin: 0px;
}

.contacts-header-icon-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #006deb;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
}
.contacts-header-icon-container i {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.contacts-header-icon-container .rz-text-caption {
  margin: 5px 0 0 0;
  color: #006deb;
}
.contacts-header-icon-container.active {
  color: #095bd9;
}
.contacts-header-icon-container.active .rz-text-caption {
  color: #095bd9;
  font-weight: bold;
  text-decoration: underline;
}

.contacts-header-divider {
  width: 1px;
  background-color: #d2d4da;
}

.account-details-edit-btn {
  color: #006deb;
}

.account-details-comment {
  margin: 15px 0;
}
.account-details-comment .rz-alert-item {
  width: 100%;
  padding: 10px !important;
  margin-top: 5px;
}
.account-details-comment .rz-alert-item .fa-circle-info {
  margin-top: 5px;
}

.summary-message-container {
  border-radius: 8px;
  background-color: #F3F4F8;
  padding: 12px 16px;
  margin: 16px;
}
.summary-message-container i {
  background-color: #F6652E;
  border-radius: 50%;
  padding: 8px;
  width: 30px;
  height: 30px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.summary-message-container > div {
  margin-bottom: 16px;
}
.summary-message-container .d-flex.align-items-center {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}
.summary-message-container .d-flex.align-items-center .pl-2.pt-1 {
  padding-top: 0 !important;
  padding-left: 4px !important;
  margin: 0;
}
.summary-message-container p.pt-2 {
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 8px !important;
  padding-left: 0 !important;
}

.vertical-divider {
  width: 0;
  border-left: 1px solid #d2d4da;
  float: left;
}

.conversation-tabs-container {
  height: 100%;
}
.conversation-tabs-container > .rz-tabview {
  height: calc(100% - 22px);
}
.conversation-tabs-container > .rz-tabview .rz-tabview-panels {
  overflow: auto;
}
.conversation-tabs-container > .rz-tabview .rz-tabview-panels .rz-tabview-panel {
  overflow: auto;
  padding: 0;
  height: 100%;
}

.conversation-chat-header-container {
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;
}
.conversation-chat-header-container .conversation-chat-header {
  padding: 16px;
  border-bottom: 1px solid #d2d4da;
  height: 66px;
}
.conversation-chat-header-container .d-flex {
  display: flex !important;
  align-items: center !important;
}
.conversation-chat-header-container .d-flex i.fa-light.fa-message {
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #585d6b !important;
}
.conversation-chat-header-container .d-flex .pl-2 {
  padding-left: 8px !important;
  margin: 0;
}

.conversation-page-container {
  display: flex;
  height: 100%;
}
.conversation-page-container .conversation-messages-container {
  display: flex;
  width: 100%;
}
.conversation-page-container .conversation-messages-container .send-message-container {
  padding: 16px;
  border-top: 1px solid #d2d4da;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container {
  height: calc(100% - 316px);
  overflow-y: auto;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .bold-text {
  font-weight: bold;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .header-text {
  color: #585d6b !important;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .redaction-toggle-area-sms, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .redaction-toggle-area-email {
  background-color: #ffffff;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #585D6B;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .redaction-toggle-area-sms {
  border-style: solid;
  border-color: #f3f4f8;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 11px 11px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.rz-variant-text.rz-primary:hover, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.rz-variant-text.rz-primary:focus, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.rz-variant-text.rz-primary:active {
  background-color: transparent !important;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.read-more-button, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.read-more-button:hover, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.read-more-button:focus, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .rz-button.read-more-button:active {
  background: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .outbound {
  display: flex !important;
  justify-content: flex-end !important;
  max-width: 80%;
  margin-left: auto;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .inbound {
  max-width: 80%;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-row, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-row {
  padding: 16px 24px 16px 24px;
  gap: 16px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-vertical, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-vertical {
  gap: 4px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-row {
  width: 75%;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-body {
  background-color: #f3f4f8;
  border-width: 0;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .bg-closed {
  background-color: #ebeef4;
  opacity: 0.7;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-text, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-text {
  padding: 1rem;
  line-height: 1.8;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .message-icon-base, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .auto-message-icon, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-icon, .conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-icon {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  gap: 10px;
  padding: 8px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .sms-icon {
  background-color: #BE0093;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .email-icon {
  background-color: #0F9fD6;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .conversation-container .auto-message-icon {
  background-color: #663DB1;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .correspondence-header {
  align-items: center;
  padding: 16px;
  gap: 16px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .correspondence-header-text {
  color: #585d6b;
  font-size: 10px;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container.bg-closed {
  background-color: #ebeef4;
  opacity: 0.7;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .custom-hr {
  border: none;
  border-top: 1px solid #ccc;
  flex-grow: 1;
  align-self: center;
}
.conversation-page-container .conversation-messages-container .conversation-chat-container .correspondence-timestamp-text {
  color: #585d6b;
  font-size: 10px;
}

.hide-conversation-filter .rz-navigation-menu {
  display: none !important;
}
.hide-conversation-filter .rz-navigation-item-wrapper-active:before {
  display: none;
}

.conversation-filter-menu-item {
  border: 1px solid #006deb;
  --rz-menu-background-color: $p-surface-background-primary !important;
  margin: 0;
  background-color: transparent !important;
  border-radius: 4px;
  height: auto;
}
.conversation-filter-menu-item .rz-state-active {
  background-color: #005397 !important;
}
.conversation-filter-menu-item .rz-state-active span.rz-chkbox-icon.rzi.rzi-check.rzi-check.rzi-check {
  color: #ffffff;
  margin-left: 8px !important;
}
.conversation-filter-menu-item .rz-navigation-menu {
  right: 0;
  background-color: #ffffff !important;
}
.conversation-filter-menu-item .rz-navigation-item-link {
  color: #006deb !important;
  padding: 4px 8px;
  background-color: transparent !important;
}
.conversation-filter-menu-item .rz-navigation-item-link:before {
  content: "\f0b0";
  font-family: "Font Awesome 6 pro";
  font-size: 16px;
  margin-right: 8px;
  color: #006deb !important;
}
.conversation-filter-menu-item .rz-navigation-item-link span {
  color: #006deb !important;
}
.conversation-filter-menu-item .p-3 {
  background-color: #ffffff !important;
}
.conversation-filter-menu-item .rz-navigation-item-icon-children {
  display: none !important;
}
.conversation-filter-menu-item .rz-chkbox .rz-chkbox-box,
.conversation-filter-menu-item .p-3 .rz-stack .rz-chkbox .rz-chkbox-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.conversation-filter-menu-item .rz-chkbox .rz-chkbox-box .rzi-check,
.conversation-filter-menu-item .p-3 .rz-stack .rz-chkbox .rz-chkbox-box .rzi-check {
  margin-top: 8px !important;
  margin-left: 5px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.conversation-filter-menu-item .rz-chkbox .rz-chkbox-box .rzi-check::before,
.conversation-filter-menu-item .p-3 .rz-stack .rz-chkbox .rz-chkbox-box .rzi-check::before {
  position: relative !important;
  margin: 0 auto !important;
}
.conversation-filter-menu-item .rz-navigation-item-wrapper {
  height: auto;
  background-color: transparent !important;
}

.rz-menu .conversation-filter-menu-item .rz-navigation-menu {
  background-color: #ffffff !important;
}

.conversation-filter-container {
  margin: 0 4px;
}
.conversation-filter-container .rz-menu {
  background-color: transparent !important;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}
.conversation-filter-container .rz-menu .rz-menuitem {
  padding: 0;
  background-color: transparent !important;
}
.conversation-filter-container .p-3 .rz-stack[orientation=Horizontal] {
  align-items: center !important;
  gap: 4px;
}

.conversation-brain-circuit, .conversation-disclosures {
  color: #005397 !important;
}

.summary-accordion .rz-accordion-header {
  justify-content: center;
  background: transparent;
}
.summary-accordion .rz-accordion-header a[role=tab] {
  border-radius: 0 0 8px 8px;
  border-right: 1px solid #d2d4da;
  border-bottom: 1px solid #d2d4da;
  border-left: 1px solid #d2d4da;
  padding: 3px;
}
.summary-accordion .rz-accordion-header a[role=tab] .rz-accordion-toggle-icon.rzi-chevron-right:before {
  content: "\f322" !important;
  font-family: "Font Awesome 6 pro";
  font-size: 16px;
  margin-left: 4px;
  color: #006deb !important;
}
.summary-accordion .rz-accordion-header a[role=tab] .rz-accordion-toggle-icon.rzi-chevron-down:before {
  content: "\f325" !important;
  font-family: "Font Awesome 6 pro";
  font-size: 16px;
  margin-left: 4px;
  color: #006deb !important;
}

.summary-accordion-expanded {
  flex-direction: column-reverse;
}
.summary-accordion-expanded .rz-accordion-content {
  border-bottom: 1px solid #d2d4da;
}

.conversation-history-sidebar,
.conversation-card {
  width: 256px;
  min-width: 256px;
  overflow-x: hidden;
}

.conversation-history-sidebar-active-conversations-container {
  border-bottom: 1px solid #d2d4da;
}

.conversation-history-sidebar-active-conversations-container .rz-card, .conversation-history-sidebar-closed-conversations-container .rz-card {
  margin-bottom: 0;
  border-radius: 4px;
}

.header-close-conv {
  padding: 16px;
  margin: 0;
}

.conversation-card .rz-text-caption {
  color: #585D6B;
}

.conversation-card div {
  width: 100%;
}

.conversation-card:not(.active) {
  border: none;
  box-shadow: none !important;
}

.conversation-card.active {
  background-color: rgba(0, 83, 151, 0.062745098);
}

.conversation-card:hover {
  background-color: rgba(0, 83, 151, 0.062745098);
}