.compliance-body {
  overflow: hidden;
}

.compliance-flex_spacer {
  flex: 1 0;
}

.compliance-flex_row_break {
  flex-basis: 100%;
  height: 0px;
}

.compliance-flex_column_break {
  flex-basis: 100%;
  width: 0px;
}

.compliance-no_underline {
  text-decoration: none;
}

.dc-error_view {
  height: 100%;
  min-height: 100vh;
  padding: var(--nds-l-800) 1rem;
}

@media screen and (min-width: 35rem) {
  .dc-error_view {
    padding: var(--nds-l-800);
  }
}

.dc-error_view__logo {
  width: 10rem;
  fill: var(--nds-color-core_grey_900);
  margin: 0 auto;
}

.dc-error_view__container {
  background: var(--nds-color-core_white);
  margin: 0 auto;
  padding: var(--nds-l-400);
  border-radius: 0.25rem;
}

@media screen and (min-width: 35rem) {
  .dc-error_view__container {
    max-width: 33rem;
  }
}

.compliance-app_loader {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.compliance-app_loader__content--hidden {
  display: none;
}

.compliance-app_loader__content {
  overflow: hidden;
  height: calc(var(--vh) * 100);
  height: 100dvh;
  width: 100vw;
}

.compliance-loading {
  display: inline-block;
  position: relative;
  height: 3.25rem;
  width: 3.25rem;
  border-radius: 3.25rem;
  animation: rotate 3s linear infinite;
  transform-origin: 50% 50%;
}
.compliance-loading--blockui {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1999;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.compliance-loading__icon {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  height: 6rem;
  width: 6rem;
}

@keyframes rotate {
  from {
    transform: rotate(0);
    transform-origin: 50% 50%;
  }
  to {
    transform: rotate(360deg);
    transform-origin: 50% 50%;
  }
}

.compliance-case_list_page {
  overflow: hidden;
  height: 100%;
}

.compliance-case_list_page__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.compliance-case_list_page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--nds-l-utilities_225);
  margin-top: var(--nds-l-utilities_225);
  padding: 0 var(--nds-l-utilities_225);
}

.compliance-case_list_page__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.compliance-case_list_page__body__table {
  flex: 1;
}

.compliance-case_list_page__row {
  text-decoration: none;
  padding: var(--nds-l-utilities_150) var(--nds-l-100);
  height: 4rem;
  display: block;
}

.compliance-case_list_page__column_truncate {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  width: 16rem;
}

.compliance-case_list_card {
  all: unset;
  display: flex;
  flex-direction: column;
  padding: var(--nds-l-utilities_150);
  background-color: var(--nds-l-core_white);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: var(--nds-l-utilities_50);
  gap: var(--nds-l-utilities_50);
}

.compliance-case_list_card:hover {
  cursor: pointer;
  background-color: var(--nds-color-core_grey_50);
}

.compliance-case_list_card__section {
  display: flex;
}

.compliance-case_list_card__id {
  color: var(--nds-color-core_grey_800);
}

.compliance-case_list_card__task {
  color: var(--nds-color-core_grey_700);
}

.compliance-case_list_card__address {
  color: var(--nds-color-core_grey_800);
}

.compliance-case_list_card__contact {
  color: var(--nds-color-core_grey_800);
}

.compliance-case_list_card__created_at {
  color: var(--nds-color-core_grey_700);
}

/* Base Styles */
.compliance-app_layout {
  height: 100%;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  background-color: var(--nds-color-core_white);
  position: relative;
}

.compliance-app_layout__header {
  flex: 0 1 content;
  border-bottom: 1px solid var(--nds-color-core_grey_100);
}

.compliance-app_layout__columns_container {
  flex: 1 1 content;
  overflow: hidden;
}

.compliance-app_layout__footer {
  flex: 0 1 content;
}

.compliance-app_layout__scroll_header {
  height: 33px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: -33px;
  display: none;
  z-index: 1;
}

.compliance-app_layout__scroll_footer {
  height: 33px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -33px;
  display: none;
  z-index: 1;
}

.compliance-app_layout__scroll_top_shadow {
  box-shadow: none;
  transition: box-shadow 250ms;
}
.compliance-app_layout__scroll_top_shadow--scrolled {
  box-shadow: var(--nds-box-shadow-drop_core_3);
}

.compliance-app_layout__scroll_bottom_shadow {
  box-shadow: none;
  transition: box-shadow 250ms;
}
.compliance-app_layout__scroll_bottom_shadow--scrolled {
  box-shadow: 0px -4px 8px 0px #0e162529;
}

.compliance-app_layout__columns {
  height: 100%;
  width: 100%;
  display: flex;
}

.compliance-app_layout__left_column {
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.compliance-app_layout__content_column {
  position: relative;
  overflow: hidden;
}

.compliance-app_layout__right_panel {
  background-color: var(--nds-color-core_white);
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 2;
}

.compliance-app_layout__right_panel--open {
  display: inherit;
  z-index: 4;
}

.compliance-app_layout__button_container {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--nds-l-300);
}

/* SM/MD Styles */
@media screen and (min-width: 0rem) {
  .compliance-app_layout__columns {
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .compliance-app_layout__columns--obscured {
    flex-wrap: wrap;
    overflow: hidden;
  }

  .compliance-app_layout__left_column,
  .compliance-app_layout__content_column {
    flex: 0 0 100%;
    width: 100%;
  }

  .compliance-app_layout__right_panel {
    height: calc(var(--vh) * 100);
    height: 100dvh;
  }

  .compliance-app_layout__right_panel > .compliance-app_layout__column_content {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .compliance-app_layout__column_content {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: calc(62rem - 1px)) {
  .compliance-app_layout__right_panel {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: calc(var(--vh) * 100);
    height: 100dvh;
  }

  .compliance-app_layout__scroll_header.compliance-app_layout__scroll_top_shadow--scrolled {
    box-shadow: none;
  }
  .compliance-app_layout__scroll_footer.compliance-app_layout__scroll_bottom_shadow--scrolled {
    box-shadow: none;
  }
}

/* LG Styles */
@media screen and (min-width: 62rem) {
  .compliance-app_layout__columns_container {
    position: relative;
  }

  .compliance-app_layout__columns {
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .compliance-app_layout__left_column,
  .compliance-app_layout__left_column--md {
    flex: 0 0 calc(100% * 5 / 12);
  }
  .compliance-app_layout__left_column--sm {
    flex: 0 0 calc(100% * 3 / 12);
  }

  .compliance-app_layout__content_column {
    flex: 1 0 calc(100% * 7 / 12);
    border-left: 1px solid var(--nds-color-core_grey_100);
    border-right: 1px solid var(--nds-color-core_grey_100);
  }

  .compliance-app_layout__right_panel {
    position: absolute;
    height: 100%;
    right: 0px;
    width: calc(100% * 5 / 12);
    box-shadow:
      0px 0px 2px rgba(14, 22, 37, 0.16),
      0px 16px 32px rgba(14, 22, 37, 0.16);
  }

  .compliance-app_layout__column_content {
    height: 100%;
    width: 100%;
  }

  .compliance-app_layout__button_container {
    display: none;
  }

  .compliance-app_layout__column_content {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .compliance-app_layout__scroll_header {
    display: inherit;
  }
  .compliance-app_layout__scroll_footer {
    display: inherit;
  }

  .compliance-app_layout__footer.compliance-app_layout__scroll_top_shadow--scrolled {
    box-shadow: none;
  }

  .compliance-app_layout__footer.compliance-app_layout__scroll_bottom_shadow--scrolled {
    box-shadow: none;
  }
}

/* XL Styles */
@media screen and (min-width: 75rem) {
  .compliance-app_layout__left_column {
    flex: 0 0 calc(100% * 4 / 12);
  }

  .compliance-app_layout__content_column {
    flex: 1 0 calc(100% * 8 / 12);
  }

  .compliance-app_layout__right_panel {
    width: calc(100% * 4 / 12);
  }
}

/* XXL Styles */
@media screen and (min-width: 90.625rem) {
  .compliance-app_layout__left_column {
    flex: 0 0 calc(100% * 3 / 12);
  }
}

.compliance-data_table {
  display: flex;
  flex-direction: column;
}

.compliance-data_table__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.compliance-data_table__loading__spinner {
  position: absolute;
  top: var(--nds-l-800);
  transform: translateY(-50%);
}

.compliance-data_table__table {
  padding: 0 var(--nds-l-utilities_225);
  flex: 1;
  position: relative;
}

.compliance-data_table__cards {
  display: initial;
}
.compliance-data_table__grid {
  display: none;
}
@media screen and (min-width: 54rem) {
  .compliance-data_table__cards {
    display: none;
  }
  .compliance-data_table__grid {
    display: initial;
  }
}

.compliance-data_table_grid__column_header--hidden {
  overflow: hidden;
  height: 0;
  display: block;
}

.compliance-data_table_grid__column_header__label {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
}
.compliance-data_table_grid__column_header__label_text {
  font: var(--nc-t-body_regular);
  color: var(--nds-color-core_grey_900);
}
.compliance-data_table_grid__column_header__sort_icon {
  font: var(--nc-t-body_regular);
  color: var(--nds-color-core_grey_200);
}

.compliance-data_table_grid__row:hover {
  background-color: var(--nds-color-core_grey_50);
}
.compliance-data_table_grid__row_column {
  padding: 0;
  height: auto;
}

.compliance-data_table_header {
  padding: 0 var(--nds-l-utilities_225);
  flex-direction: column;
  display: flex;
}
@media screen and (min-width: 54rem) {
  .compliance-data_table_header {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}

.compliance-data_table_header__title {
  font: var(--nc-type-400-medium);
}

.compliance-data_table_header__radio_filter_group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media screen and (min-width: 54rem) {
  .compliance-data_table_header__radio_filter_group {
    flex: 1;
    flex-wrap: nowrap;
    gap: 0;
  }

  .compliance-data_table_header__radio_filter--middle,
  .compliance-data_table_header__radio_filter--right {
    border-left: none !important;
  }

  .compliance-data_table_header__radio_filter--middle,
  .compliance-data_table_header__radio_filter--left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .compliance-data_table_header__radio_filter--middle,
  .compliance-data_table_header__radio_filter--right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}

.compliance-data_table_header__search {
  margin-top: var(--nds-l-200);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 54rem) {
  .compliance-data_table_header__search {
    margin-top: 0;
    flex: 1;
    padding-left: var(--nds-l-200);
    align-items: center;
    flex-direction: row;
  }
}

.compliance-data_table_header__search_field {
  margin-bottom: var(--nds-l-utilities_50);
}
@media screen and (min-width: 54rem) {
  .compliance-data_table_header__search_field {
    margin-bottom: 0;
    margin-right: var(--nds-l-utilities_50);
    min-width: 10rem;
  }
}
.compliance-data_table_header__search_input {
  flex: 1;
}

.compliance-datatable_filter_dropdown {
  position: absolute;
  top: calc(100% + var(--nds-l-100));
  z-index: 2000;
  background: var(--nds-color-core_white);
  padding: var(--nds-l-200);
  border-radius: var(--nds-l-utilities_50);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  width: 19.5rem;
}

.compliance-datatable_filter_dropdown__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: var(--nc-t-h4_medium);
  width: 100%;
  padding: 0 0 var(--nds-l-200) 0;
}

.compliance-datatable_filter_dropdown__content {
  flex: 1;
  max-height: 18rem;
  overflow-y: auto;
}

.compliance-datatable_filter_dropdown__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nds-l-200) 0 0;
}

.compliance-data_table_footer {
  display: flex;
  justify-content: center;
  padding: var(--nds-l-utilities_225);
  width: 100%;
}

.compliance-data_table_footer__page_button {
  flex: 1;
}
.compliance-data_table_footer__page_button--middle,
.compliance-data_table_footer__page_button--right {
  border-left: none !important;
}

.compliance-data_table_footer__page_button--middle,
.compliance-data_table_footer__page_button--left {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.compliance-data_table_footer__page_button--middle,
.compliance-data_table_footer__page_button--right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.compliance-data_table_footer__pages {
  display: none;
}
.compliance-data_table_footer__pages--mobile {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 33rem) {
  .compliance-data_table_footer__pages {
    display: inherit;
  }
  .compliance-data_table_footer__pages--mobile {
    display: none;
  }
}

.compliance-data_table_footer__page_button--functional_disable_only {
  background: transparent !important;
  border-color: #c8cbd0 !important;
}

@media screen and (min-width: 54rem) {
  .compliance-data_table_footer {
    display: flex;
    position: sticky;
    bottom: 0;
    padding: var(--nds-l-utilities_225);
    border-top: 1px solid var(--nds-color-core_grey_100);
  }
}

.compliance-entity_case_list_row__status_text {
  max-width: 93%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  font: var(--nc-t-body_regular);
  color: var(--nds-color-core_grey_800);
}

.compliance-tool_tip {
  width: max-content;
  background-color: var(--nds-color-core_black);
  border-radius: var(--nds-l-utilities_50);
  padding: var(--nds-l-utilities_150);
  color: var(--nds-color-core_white);
  font: var(--nc-t-sub_text_regular);
  max-width: 16rem;
}

.compliance-jcw_bupp_contact_info_section__state_field {
  min-width: 6rem;
}

.compliance-jcw_bupp_contact_info_section__zip_field {
  flex: 0 0 7rem;
}

.compliance-intake_timeline__header {
  display: flex;
  align-items: center;
}

.compliance-intake_timeline__title {
  color: var(--nds-color-core_grey_800);
}

.compliance-intake_timeline__header_spacer {
  flex: 1 0;
}

.compliance-intake_timeline__timeline {
  height: 0.25rem;
  margin-top: calc(var(--nds-l-300) + var(--nds-l-utilities_50));
  background-color: var(--nds-color-core_grey_100);
}

.compliance-intake_timeline__progress {
  height: 100%;
}

.compliance-intake_timeline__progress--incomplete {
  background-color: var(--nds-color-core_blue_500);
}

.compliance-intake_timeline__progress--complete {
  background-color: var(--nds-color-core_green_500);
}

.compliance-joco_inflow_entity_case_detail {
  height: 100%;
}

.compliance-menu {
  height: 66px;
  background-color: white;
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
  justify-content: space-between;
}

.compliance-menu__button {
  height: 30px;
  width: 30px;
  border: none;
  background: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.compliance-menu__button:hover {
  cursor: pointer;
}

.compliance-menu__button--active {
  background-color: var(--nds-color-core_grey_100);
}

.compliance-menu__title {
  max-width: 6rem;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}
@media screen and (min-width: 33rem) {
  .compliance-menu__title {
    max-width: unset;
  }
}

.compliance-menu__status_control {
  min-width: 8rem;
  margin-left: var(--nds-l-100);
}
.compliance-menu__status_control__loader {
  animation: rotate 3s linear infinite;
}

.compliance-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.compliance-summary_contact_list {
  width: 100%;
  padding: var(--nds-l-300);
}

.compliance-summary_appointment_list {
  width: 100%;
  padding: var(--nds-l-300);
}

.compliance-summary_appointment_list__appointment_link {
  text-decoration: none;
}

.compliance-item_card {
  border-radius: var(--nds-l-utilities_50);
  box-shadow: var(--nds-box-shadow-drop_core_1);
  border: 1px solid var(--nds-color-core_grey_100);
  transition: border-color 0.125s;
  position: relative;
  overflow: hidden;
}
.compliance-item_card:hover {
  border-color: var(--nds-color-semantic_primary_300);
}
.compliance-item_card--no_hover.compliance-item_card:hover {
  border-color: var(--nds-color-core_grey_100);
}
.compliance-item_card--theme_inactive {
  opacity: 0.5;
}
.compliance-item_card--color_bar {
  padding-left: var(--nds-l-100);
}

.compliance-item_car__color_bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--nds-l-100);
}

.compliance-item_card__header {
  padding: var(--nds-l-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--nds-color-core_grey_900);
  text-decoration: none;
}
.compliance-item_card__header--with_children {
  border-bottom: 1px solid var(--nds-color-core_grey_100);
}
.compliance-item_card__header--theme_default {
  background: transparent;
}
.compliance-item_card__header--theme_info {
  background: var(--nds-color-semantic_primary_10);
}
.compliance-item_card__header--theme_error {
  background: var(--nds-color-semantic_error_10);
}
.compliance-item_card__header--theme_success {
  background: var(--nds-color-semantic_success_10);
}

.compliance-item_card__title {
  font: var(--nc-t-sub_text_medium);
}

.compliance-item_card__subtitle {
  font: var(--nc-t-info_text_light);
  color: var(--nds-color-core_grey_700);
}

.compliance-item_card__link_label {
  font: var(--nc-t-sub_text_light);
  color: var(--nds-color-semantic_primary_500);
}
.compliance-item_card__link_label__text {
  display: none;
}
@media screen and (min-width: 33rem) {
  .compliance-item_card__link_label__text {
    display: inline-block;
  }
}

.compliance-summary_resource_list {
  width: 100%;
  padding: var(--nds-l-300);
  display: flex;
  flex-direction: column;
}

.compliance-resource_card {
  display: flex;
  gap: var(--nds-l-200);
  align-items: center;
  box-shadow: var(--nds-box-shadow-drop_core_1);
  border: 1px solid var(--nds-color-core_grey_100);
  border-radius: var(--nds-l-utilities_50);
  padding: var(--nds-l-200);
  background-color: var(--nds-color-core_white);
}

.compliance-resource_card__icon_container {
  position: relative;
}

.compliance-resource_card__icon_background {
  filter: drop-shadow(0px 1px 2px rgba(14, 22, 37, 0.16))
    drop-shadow(0px 0px 2px rgba(14, 22, 37, 0.16));
}

.compliance-resource_card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 content;
  overflow: hidden;
}

.compliance-resource_card__date {
  color: var(--nds-color-core_grey_700);
}

.compliance-resource_card__title {
  font: var(--nc-t-sub_text_medium);
  color: var(--nds-color-core_grey_900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 33rem;
}

.compliance-resource_card__icon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;

  font-size: 0.625rem;
  line-height: 1.25rem;
  letter-spacing: -0.02em;

  display: flex;
  align-items: center;
  justify-content: center;
}

.compliance-resource_card__private {
  color: var(--nds-color-core_grey_500);
}

.compliance-resource_card__context_menu {
  padding: var(--nds-l-utilities_50);
}

.compliance-summary_work_list {
  width: 100%;
  padding: var(--nds-l-300);
  display: flex;
  flex-direction: column;
}

.compliance-notes_empty_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--nds-l-200);
  padding: var(--nds-l-300);
}

.compliance-notes_empty_container__icon {
  font-size: 2.5rem;
  padding: var(--nds-l-400);
  color: var(--nds-color-core_grey_100);
  background-color: var(--nds-color-core_grey_10);
  border-radius: var(--nds-l-300);
  margin-bottom: var(--nds-l-200);
}

.compliance-notes_empty_container__title {
  color: var(--nds-color-core_grey_700);
}

.compliance-notes_empty_container__description {
  color: var(--nds-color-core_grey_700);
  text-align: center;
}

.compliance-notes_empty_container__upload_description {
  color: var(--nds-color-core_grey_700);
}

.compliance-notes_empty_container__upload_buttons {
  display: flex;
  gap: var(--nds-l-200);
}

.compliance-notes_input {
  display: flex;
  align-items: center;
  min-height: 60px;
}

.compliance-notes_input__input_container {
  flex: 1 0;
  display: flex;
  align-items: center;
  position: relative;
  margin: var(--nds-l-200);
}

.compliance-notes_input__input {
  width: 100%;
  background: unset;
  border: unset;
  padding: unset;
  margin: unset;
  color: var(--nds-color-core_grey_900);
  resize: none;
}

.compliance-notes_input__input_duplicate {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  visibility: hidden;
}

.compliance-notes_input__input::placeholder {
  color: var(--nds-color-core_grey_600);
}

.compliance-notes_input__input:focus {
  caret-shape: block;
  caret-color: var(--nds-color-core_blue_500);
  outline: none;
}

.compliance-notes_input__button {
  padding: var(--nds-l-200);
}

.compliance-notes {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.compliance-notes__selectors {
  display: flex;
  gap: var(--nds-l-utilities_150);
  padding: var(--nds-l-utilities_150);
  align-items: center;
  border-bottom: 1px solid var(--nds-color-core_grey_100);
}

.compliance-notes__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0;
  overflow-y: hidden;
}

.compliance-notes__input {
  flex: 0 0 content;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid var(--nds-color-core_grey_100);
}

.compliance-notes__input:has(*:focus) {
  border-top: 1px solid var(--nds-color-core_blue_500);
}

.compliance-notes__input__attachments {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  padding-top: var(--nds-l-utilities_150);
  padding-bottom: var(--nds-l-utilities_150);
  padding-left: var(--nds-l-utilities_150);
}

.compliance-notes_selector {
  display: flex;
  align-items: center;
  gap: var(--nds-l-100);
  padding: var(--nds-l-100);
  margin: unset;
  background: unset;
  border: unset;
  color: var(--nds-color-core_grey_700);
  border-radius: var(--nds-l-utilities_50);
  font-size: 1rem;
}

.compliance-notes_selector:hover {
  cursor: pointer;
  background-color: var(--nds-color-core_grey_50);
}

.compliance-notes_selector--selected {
  color: var(--nds-color-core_grey_800);
  background-color: var(--nds-color-core_grey_100);
}

.compliance-notes_selector--selected:hover {
  background-color: var(--nds-color-core_grey_100);
}

.compliance-notes_selector--disabled {
  color: var(--nds-color-core_grey_800);
}

.compliance-notes_selector--disabled:hover {
  cursor: unset;
  background-color: unset;
}

.compliance-notes_selector__content {
  flex: 1 0;
}

.compliance-note_attachment {
  position: relative;
}

.compliance-note_attachment__content {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: 0.25rem;
  overflow: hidden;
}

.compliance-note_attachment__remove_button {
  position: absolute !important;
  right: -0.5rem;
  top: -0.5rem;
  box-shadow: var(--nds-box-shadow-drop_stack_2);
  border-radius: 200px;
}

.compliance-notes_action {
  border: unset;
  background: unset;
  padding: var(--nds-l-100);

  font-size: 1.5rem;
  color: var(--nds-color-core_grey_700);
}

.compliance-notes_action:hover {
  cursor: pointer;
}

.compliance-case_detail_notes__info {
  font-size: 1rem;
  padding: var(--nds-l-utilities_50);
  color: var(--nds-color-core_grey_800);
}

.compliance-case_detail_notes__info_message {
  max-width: 255px;
}

.compliance-note {
  background: var(--nds-color-core_grey_50);
  padding: 1.25rem;
  border-radius: 0.25rem;
}

.compliance-note__image_content {
  max-width: 100%;
  max-height: 15rem;
}

.compliance-note__file_upload {
  color: var(--nds-color-core_grey_900);
  text-decoration: none;
}
.compliance-note__file_upload:hover {
  color: var(--nds-color-semantic_primary_500);
}
.compliance-note__file_upload__label {
  text-decoration: underline;
}

.na-badge {
  border: 1px solid var(--nds-color-core_grey_300);
  color: var(--nds-color-core_grey_700);
  border-radius: 200px;
  display: inline-block;
  padding: var(--nds-l-utilities_25) var(--nds-l-100);
}

.na-badge--dark {
  background-color: var(--nds-color-core_black);
  color: var(--nds-color-core_white);
  font: var(--nc-t-sub_text_light);
  border: none;
}

.na-badge--error {
  background-color: var(--nds-color-semantic_error_500);
  color: var(--nds-color-core_white);
  font: var(--nc-t-sub_text_light);
  border: none;
}

.na-badge--success {
  background-color: var(--nds-color-semantic_success_500);
  color: var(--nds-color-core_white);
  font: var(--nc-t-sub_text_light);
  border: none;
}

.compliance-notes_list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: var(--nds-l-300);
}

.compliance-compliance_note_attachment {
  overflow: hidden;
  height: 100%;
}
.compliance-compliance_note_attachment--uploading {
  opacity: 0.5;
}

.compliance-compliance_note_attachment__file {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 125px;
  width: 125px;
}

.compliance-compliance_note_attachemnt__file_label {
  font: var(--nc-t-info_text_regular);
  color: var(--nds-color-core_grey_700);
  white-space: pre;
  text-overflow: ellipsis;
  max-width: 75%;
  overflow: hidden;
}

.compliance-compliance_note_attachment__file,
.compliance-compliance_note_attachment__image {
  height: 125px;
}

.dc-appointment_form__well {
  background: var(--nds-color-core_grey_10);
  border: 1px solid var(--nds-color-core_grey_100);
  border-radius: 0.25rem;
  margin-top: var(--nds-l-utilities_25);
  padding: var(--nds-l-200);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dc-appointment_form__well--column {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.dc-contact_picker {
  display: block;
  position: relative;
}

.dc-contact_picker__control_container {
  border: 1px solid var(--nds-color-core_grey_100);
  background: var(--nds-color-core_white);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  box-shadow: inset 0px 0px 4px 0px #0e162529;
  color: var(--nds-color-core_grey_800);
  width: 100%;
  text-overflow: ellipsis;
  resize: none;
  margin-top: var(--nds-l-utilities_25);
  font: 300 1rem/1.375 Roboto;
  padding: 0.5rem;
  gap: 0.5rem;
  position: relative;
}
.dc-contact_picker__control_container:focus-within {
  border-color: var(--nds-color-semantic_primary_500);
}
.dc-contact_picker__control_container:focus-within::after {
  border: 4px solid #0765ac3d;
  border-radius: 0.5rem;
  bottom: -4px;
  content: "";
  display: block;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 2000;
  pointer-events: none;
}

.dc-contact_picker__control {
  border: none;
  background: transparent;
  margin: 0;
  color: var(--nds-color-core_grey_800);
  resize: none;
  font: 300 1rem/1.375 Roboto;
  padding: 0;
  flex: 1 0 0;
}
.dc-contact_picker__control:focus {
  outline-color: transparent;
}
.dc-contact_picker__control__dummy_text {
  overflow: hidden;
  height: 0;
  position: absolute;
}

.dc-contact_chip {
  display: inline-block;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nds-color-core_grey_300);
  border-radius: 10rem;
  padding: var(--nds-l-utilities_25);
  background: var(--nds-color-core_grey_10);
}
.dc-contact_chip--disabled {
  background: var(--nds-color-core_grey_100);
}

.dc-contact_chip__close_button {
  margin: 0;
  flex: 0;
}
.dc-contact_chip__close_button--disabled {
  margin-left: var(--nds-l-utilities_50);
}

.dc-contact_picker__contacts {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: 4px;
  overflow: hidden;
  background: var(--nds-color-core_white);
}
@media screen and (min-width: 33rem) {
  .dc-contact_picker__contacts {
    position: fixed;
    z-index: 20000;
    max-height: 14rem;
    overflow-y: auto;
  }
}
.dc-contact_picker__contact {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--nds-l-100) var(--nds-l-200);
  margin-top: var(--nds-l-100);
  width: 100%;
}
.dc-contact_picker__contact:focus,
.dc-contact_picker__contact:hover {
  background-color: var(--nds-color-core_grey_100);
  outline-style: solid;
  outline-color: var(--nds-color-core_grey_100);
}
.dc-contact_picker__contact__label {
  font: var(--nc-t-sub_text_light);
  color: var(--nds-color-core_grey_700);
}
.dc-contact_picker__contact__name {
  font: var(--nc-t-body_regular);
  color: var(--nds-color-core_grey_800);
}
.dc-contact_picker__contact__name__search_match {
  font: var(--nc-t-body_bold);
}

.dc-contact_picker__contact + .dc-contact_picker__contact {
  padding: var(--nds-l-100) var(--nds-l-200);
}
.dc-contact_picker__contact:last-child {
  margin-bottom: var(--nds-l-100);
}

.dc-appointment_range_control__date_input {
  width: 16rem;
}

.dc-appointment_range_control__time_input {
  width: 10rem;
}
.dc-appointment_range_control__time_input
  + .dc-appointment_range_control__time_input {
  margin-left: 1rem;
}
.dc-appointment_range_control__time_input:-webkit-datetime-edit {
  display: none !important;
}

.compliance-schedule_appointment__appointment_link {
  text-decoration: none;
}

.compliance-close_case {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.compliance-close_case__button_container {
  display: flex;
  gap: 1rem;
}

.compliance-close_case__survey_sent_stamp {
  font: var(--nc-t-info_text_light);
  color: var(--nc-t-grey_700);
  margin-bottom: var(--nds-l-utilities_50);
}

.compliance-joco_inflow_case_detail_job {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  padding: var(--nds-l-200);
  border-radius: var(--nds-l-utilities_25);
}

.compliance-joco_inflow_job_status_control {
  display: flex;
  align-items: center;
  border-radius: var(--nds-l-100);
  padding: var(--nds-l-100);
  background: var(--nds-color-core_grey_50);
  min-height: 3.5rem;
}

.compliance-joco_inflow_job_status_control__select {
  min-width: 8rem;
}

.compliance-add_invoice_document__contractor {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: var(--nds-l-utilities_50);
  padding: var(--nds-l-200);
}

.compliance-joco_inflow_entity_case_detail_view__status {
  display: none !important;
}

@media screen and (min-width: 33rem) {
  .compliance-joco_inflow_entity_case_detail_view__status {
    display: inline-block;
  }
}

.compliance-workflow_task {
  background: var(--nds-color-core_grey_50);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: 0.25rem;
}
.compliance-workflow_task--incomplete {
  background: transparent;
}

.compliance-workflow_task__header {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--nds-color-core_grey_100);
  padding: var(--nds-l-200);
  text-align: left;
  display: flex;
  align-items: center;
  gap: var(--nds-l-200);
  cursor: pointer;
  width: 100%;
}
.compliance-workflow_task__header--closed {
  border-bottom: 0;
}
.compliance-workflow_task__header:hover {
  background: var(--nds-color-semantic_primary_10);
}

.compliance-workflow_task__header__icon {
  display: inline-block;
  color: var(--nds-color-core_grey_400);
  font: var(--nc-t-h4_medium_mobile);
}
.compliance-workflow_task__header__icon--complete {
  color: var(--nds-color-semantic_success_600);
}

.compliance-workflow_task__header__title {
  font: var(--nc-t-body_medium);
}

.compliance-workflow_task__header__description {
  font: var(--nc-t-sub_text_light);
}

.compliance-workflow_task__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.125s;
}
.compliance-workflow_task__content--open {
  max-height: 1000px;
}

.compliance-workflow_task__controls {
  padding: var(--nds-l-100);
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--nds-color-core_grey_100);
}

.compliance-intake_form_container {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-100);
}

.compliance-intake_form_container__title {
  color: var(--nds-color-core_grey_900);
}

.compliance-intake_form_container__content {
  padding: var(--nds-l-300);
  background-color: var(--nds-color-core_grey_10);
  border: 1px solid var(--nds-color-core_grey_100);
  border-radius: 4px;
}

.compliance-intake_contact_info_section__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_contact_info_section__info {
  font-size: 0.875rem;
}

.compliance-intake_property_details_section__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_property_details_section__section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--nds-l-300);
}

.compliance-intake_property_details_section__features_section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--nds-l-200) var(--nds-l-200);
}

.compliance-intake_property_details_section__street {
  flex: 1 0 100%;
}

.compliance-intake_property_details_section__city {
  flex: 1 0;
}

.compliance-intake_property_details_section__state {
  flex: 0 0 5.5rem;
}

.compliance-intake_property_details_section__zip {
  flex: 0 0 6.5265rem;
}

.compliance-intake_property_details_section__divider {
  height: 1px;
  background-color: var(--nds-color-core_grey_100);
}

.compliance-intake_property_details_section__features {
  margin-bottom: calc(-1 * var(--nds-l-200));
}

@media screen and (max-width: calc(33rem - 1px)) {
  .compliance-intake_property_details_section__features_section {
    flex-direction: column;
    align-items: start;
  }
}

.compliance-intake_preferences_section__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_preferences_section__section {
  display: flex;
  flex-direction: column;
}

.compliance-intake_preferences_section__help {
  color: var(--nds-color-core_grey_800);
}

.compliance-intake_preferences_section__label {
  color: var(--nds-color-core_grey_900);
  margin-bottom: 0.125rem;
}

.compliance-intake_preferences_section__description {
  color: var(--nds-color-core_grey_800);
  margin-bottom: var(--nds-l-100);
}

.compliance-intake_preferences_section__selection {
  margin-bottom: var(--nds-l-100);
}

.compliance-intake_base_page__timeline {
  margin-bottom: var(--nds-l-300);
}

.compliance-intake_base_page__title {
  margin-bottom: var(--nds-l-100);
}

.compliance-intake_base_page__menu .nc-kebab_menu_list_divider_item {
  display: none;
}

.compliance-intake_base_page__menu_item {
  width: max-content;
}

.compliance-intake_base_page__content {
  margin-bottom: var(--nds-l-200);
}

.compliance-intake_base_page__footer {
  display: flex;
  align-items: center;
  gap: var(--nds-l-300);
}

.compliance-intake_base_page__steps {
  color: var(--nds-color-core_grey_700);
}

.compliance-intake_base_page__row_spacer {
  flex: 1 0;
}

.compliance-intake_base_page__menu_button {
  align-items: center;
  background: none;
  border-color: var(--nc-color-grey-default);
  border-radius: var(--nc-border-radius-sm);
  border-style: solid;
  border-width: var(--nc-border-width-sm);
  color: var(--nc-color-grey-on-subtle);
  cursor: pointer;
  display: inline-flex;
  gap: var(--nc-p-sm);
  justify-content: center;
  margin: 0;
  padding: var(--nc-p-sm) var(--nc-p-md);
  text-decoration: none;
  transition:
    background-color 0.25s,
    border-color 0.25s,
    color 0.25s;
  width: 100%;
}
.compliance-intake_base_page__menu_button__label {
  position: absolute;
  top: -10000px;
}

.compliance-intake_contact_info_page__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_contact_info_page__info {
  font-size: 0.875rem;
}

.compliance-intake_property_details_page__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_property_details_page__section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--nds-l-300);
}

.compliance-intake_property_details_page__features_section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--nds-l-300) var(--nds-l-200);
  flex-direction: column;
  align-items: flex-start;
}

.compliance-intake_property_details_page__street {
  flex: 1 0 100%;
}

.compliance-intake_property_details_page__city {
  flex: 1 0;
}

.compliance-intake_property_details_page__state {
  flex: 0 0 4.9375rem;
}

.compliance-intake_property_details_page__zip {
  flex: 0 0 6.5265rem;
}

.compliance-intake_property_details_page__divider {
  height: 1px;
  background-color: var(--nds-color-core_grey_100);
}

.compliance-intake_property_details_page__features {
  margin-bottom: calc(-1 * var(--nds-l-200));
}

@media screen and (min-width: 33rem) {
  .compliance-intake_property_details_page__features_section {
    flex-direction: row;
    align-items: center;
  }
}

.compliance-intake_preferences_page__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_preferences_page__section {
  display: flex;
  flex-direction: column;
}

.compliance-intake_preferences_page__help {
  color: var(--nds-color-core_grey_800);
}

.compliance-intake_preferences_page__label {
  color: var(--nds-color-core_grey_900);
  margin-bottom: 0.125rem;
}

.compliance-intake_preferences_page__description {
  color: var(--nds-color-core_grey_800);
  margin-bottom: var(--nds-l-100);
}

.compliance-intake_preferences_page__selection {
  margin-bottom: var(--nds-l-100);
}

.compliance-intake_finish_page__content {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
  align-items: center;
}

.compliance-intake_finish_page__timeline {
  align-self: stretch;
}

/* TITLE SECTION */
.compliance-intake_finish_page__title_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--nds-l-100);
  color: var(--nds-color-core_grey_800);
}

/* CASE LINK SECTION */
.compliance-intake_finish_page__case_link_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--nds-l-100);

  background-color: var(--nds-color-core_blue_10);
  border: 1px solid var(--nds-color-core_blue_100);
  border-radius: 4px;
  padding: var(--nds-l-200);
  align-self: stretch;
}
.compliance-intake_finish_page__case_link {
  word-break: break-all;
}

/* INFO SECTION */
.compliance-intake_finish_page__info_section_container {
  align-self: stretch;
}

.compliance-intake_finish_page__info_section {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-200);
  align-self: stretch;
  color: var(--nds-color-core_grey_800);
}

.compliance-intake_finish_page__info_section_line {
  display: flex;
  align-items: center;
  gap: var(--nds-l-100);
}

.compliance-intake_finish_page__info_section_bullet {
  color: var(--nds-color-core_grey_700);
  text-align: center;
  flex: 0 0 1.375rem;
  line-height: 1.375rem !important;
}

.compliance-job_detail__content {
  align-items: center;
  gap: calc(var(--nds-l-400) * 2);
  padding: var(--nds-l-300);
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 55rem) {
  .compliance-job_detail__content {
    width: 54rem;
  }
}

.compliance-job_detail__entity_info {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--nds-color-core_grey_50);
  gap: var(--nds-l-100);
}

.compliance-job_detail__status {
  min-width: 8rem;
  margin-left: var(--nds-l-100);
}

.compliance-job_detail__status_loader {
  animation: rotate 3s linear infinite;
}

.compliance-job_detail__header_link {
  color: var(--nds-color-core_grey_900);
  font: var(--nc-t-body_regular);
  text-decoration: none;
}

.compliance-job_detail__grid_layout {
  display: flex;
  flex-direction: column-reverse;
  margin: var(--nds-l-200) auto;
}

.compliance-job_detail__grid_layout__content,
.compliance-job_detail__grid_layout__side_panel {
  max-width: 100%;
}

.compliance-job_detail__grid_layout__content {
  margin-top: 2rem;
}

@media screen and (min-width: 54rem) {
  .compliance-job_detail__grid_layout {
    flex-direction: row;
    gap: var(--nds-l-200);
  }

  .compliance-job_detail__grid_layout__content {
    flex: 1;
    margin-top: 0;
  }

  .compliance-job_detail__grid_layout__side_panel {
    max-width: 20rem;
  }
}

.compliance-public_navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nds-l-utilities_150);
  border-bottom: 1px solid var(--nds-color-core_grey_100);
}

.compliance-public_navbar__left {
  display: flex;
  align-items: center;
}

.compliance-public_navbar__logo {
  height: var(--nds-l-400);
  width: auto;
}

.compliance-public_navbar__title {
  display: flex;
  flex-direction: column;
  margin-left: var(--nc-p-lg);
}

.compliance-public_navbar__user {
  display: flex;
  gap: var(--nc-p-md);
}

.compliance-public_logo {
  height: var(--nds-l-400);
  width: auto;
}

.compliance-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nds-l-100);
  border-top: 1px solid var(--nds-color-core_grey_100);
}

.compliance-footer__group {
  display: flex;
  align-items: center;
}

.compliance-footer__logo {
  height: 0.75rem;
  fill: var(--nds-color-core_grey_700);
}

.compliance-detail_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nds-l-utilities_150);
}

.compliance-detail_header__title {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  font: var(--nc-t-body_medium);
  color: var(--nds-color-core_grey_900);
}

.compliance-vendor_schedule_maintenance__row {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 33rem) {
  .compliance-vendor_schedule_maintenance__row {
    flex-direction: row;
    margin-top: var(--nds-l-200);
  }
}

.compliance-vendor_schedule_maintenance__row_item {
  flex: 1;
}

.compliance-vendor_schedule_maintenance__time {
  flex: 1;
  margin-top: var(--nds-l-200);
}
@media screen and (min-width: 33rem) {
  .compliance-vendor_schedule_maintenance__time {
    margin-top: 0;
  }
  .compliance-vendor_schedule_maintenance__time
    + .compliance-vendor_schedule_maintenance__time {
    margin-left: var(--nds-l-200);
  }
}

.compliance-public_well {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  padding: var(--nds-l-300);
  background: var(--nds-color-core_white);
  border-radius: 0.25rem;
  width: 100%;
}

@media screen and (min-width: 54rem) {
  .compliance-public_well {
    max-width: 33rem;
  }
}

.compliance-vendor_manage_job__appointment_border {
  border-top: 1px solid var(--nds-color-core_grey_100);
}

.compliance-vendor_manage_job__appointment_link {
  text-decoration: none;
}

.compliance-labelvalue__label {
  font: var(--nc-t-body_medium);
  color: var(--nds-color-core_black);
  margin-bottom: 0;
}

.compliance-labelvalue__value {
  font: var(--nc-t-body_light);
  color: var(--nds-color-core_black);

  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}
.compliance-labelvalue__value--clamp {
  -webkit-line-clamp: 1;
}

.compliance-joco_inflow_job_list__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.compliance-joco_inflow_job_list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--nds-l-utilities_225);
  margin-top: var(--nds-l-utilities_225);
  padding: 0 var(--nds-l-utilities_225);
}

.compliance-joco_inflow_job_list__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.compliance-joco_inflow_job_list__body__table {
  flex: 1;
}

.compliance-vendor_job_list_card {
  all: unset;
  display: flex;
  flex-direction: column;
  padding: var(--nds-l-utilities_150);
  background-color: var(--nds-l-core_white);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: var(--nds-l-utilities_50);
  gap: var(--nds-l-utilities_50);
  text-decoration: none;
}

.compliance-vendor_job_list_card:hover {
  cursor: pointer;
  background-color: var(--nds-color-core_grey_50);
}

.compliance-vendor_job_list_card__section {
  display: flex;
}

.compliance-vendor_job_list_card__id {
  color: var(--nds-color-core_grey_800);
}

.compliance-vendor_job_list_card__status {
  color: var(--nds-color-core_grey_700);
}

.compliance-vendor_job_list_card__address {
  color: var(--nds-color-core_grey_800);
}

.compliance-vendor_job_list_card__contact {
  color: var(--nds-color-core_grey_800);
}

.compliance-vendor_job_list_card__created_at {
  color: var(--nds-color-core_grey_700);
}

.compliance-joco_inflow_subject_case_detail__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--nds-color-core_white);
  gap: calc(var(--nds-l-400) * 2);
  padding: var(--nds-l-300);
  height: 100%;
}

.compliance-entity_details__entity_info {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--nds-l-100);
}

.compliance-entity_details__entity_logo {
  max-width: 80%;
  width: 33rem;
}

.compliance-select_list_modal__item {
  width: 100%;
  padding: 0;
  margin-top: var(--nc-p-sm);
}
.compliance-select_list_modal__item:hover {
  background-color: var(--nc-color-primary-subtle);
}

.compliance-collapsible_section {
  border-radius: var(--nc-p-sm);
  border: 1px solid var(--nc-color-core-grey-100, #e6e8ea);
  background: var(--nc-color-background-default, #fff);
}

.compliance-collapsible_section--contain_children {
  position: relative;
  overflow: hidden;
}

.compliance-collapsible_section__header {
  color: var(--nc-color-foreground-default, #111827);
  font: var(--nc-type-600-medium);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--nc-p-lg);
  border-bottom: 1px solid var(--nc-color-core-grey-100, #e6e8ea);
}

.compliance-collapsible_section__header__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm);
}

.compliance-collapsible_section__header__title_icon {
  color: var(--nc-color-primary-default);
}

.compliance-collapsible_section__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease-in-out;
  overflow: hidden;
}
.compliance-collapsible_section__body--open {
  grid-template-rows: 1fr;
}

.compliance-collapsible_section__body__content {
  min-height: 0;
  overflow-x: auto;
  width: auto;
}

.compliance-collapsible_section__body__content__inner {
  padding: var(--nc-p-lg);
}

.compliance-oge_event_detail {
  position: relative;
  padding: var(--nc-p-lg);
  height: calc(100dvh - 55px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-lg);
  background: var(--nc-color-background-subtle, #f9fafb);
}

.compliance-oge_event_detail__event_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.compliance-oge_event_detail__event_header__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-md);
}

.compliance-oge_event_detail__event_icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--nc-p-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nc-color-white);
}

.compliance-oge_event_detail__event_header__info {
  display: flex;
  flex-direction: column;
}

.compliance-oge_event_detail__event_header__info__start_date {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-medium);
}

.compliance-oge_event_detail__event_header__info__name {
  display: flex;
  align-items: center;
  gap: var(--nc-p-sm);
  color: var(--nc-color-foreground-default, #111827);
  font: var(--nc-type-700-medium);
  line-height: 1;
}

.compliance-oge_support_management {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--nc-p-md, 12px);
}
.compliance-oge_support_management--empty {
  align-items: center;
  border-radius: var(--nc-p-sm, 8px);
  background: var(--nc-color-background-recessed, #f3f4f6);
  padding: var(--nc-p-xl, 24px);
}

.compliance-oge_support_management--loading {
  border-radius: var(--nc-p-sm, 8px);
  background: var(--nc-color-background-recessed, #f3f4f6);
  position: relative;
  height: 10rem;
  overflow: hidden;
}

.compliance-oge_support_management__loading {
  height: 100%;
}

.compliance-oge_support_management__empty_message {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-regular);
}

.compliance-oge_support_management__requests {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-md, 12px);
  flex-wrap: wrap;
}

.compliance-oge_support_management__request {
  --max-width-with-gaps: calc(33.333% - var(--nc-p-md));
  flex: 1 0 var(--max-width-with-gaps);
  max-width: var(--max-width-with-gaps);
}

.compliance-segmented_control {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}

.compliance-segmented_control__label {
  font: var(--nc-type-400-medium);
  color: var(--nc-color-foreground-default, #111827);
}

.compliance-segmented_control__segments {
  display: flex;
  flex-direction: row;
  padding: var(--nc-p-xs);
  align-items: center;
  border-radius: var(--nc-border-radius-md, 8px);
  border: 2px solid var(--nc-color-border-default, #e5e7eb);
  width: fit-content;
}

.compliance-segmented_control__segment {
  border: none;
  display: flex;
  background: none;
  padding: var(--nc-p-md, 12px) var(--nc-p-lg, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--nc-p-sm, 8px);
  border-radius: var(--nc-border-radius-medium, 8px);
  color: var(--nc-color-dark-grey-default, #374151);
  font: var(--nc-type-500-regular);
  cursor: pointer;
}

.compliance-segmented_control__segment:hover {
  background: var(--nc-color-primary-subtle, #f3f4f6);
  color: var(--nc-color-dark-grey-default, #374151);
}

.compliance-segmented_control__segment--active {
  background: var(--nc-color-primary-default, #0570c4);
  color: var(--nc-color-foreground-on-color, #fff);
}

.compliance-segmented_control__hint {
  font: var(--nc-type-400-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-loading_ghost,
.compliance-loading_ghost::after {
  position: relative;
  content: "";
  animation: compliance-loading_ghost-loading 4s infinite;
  background: linear-gradient(
    90deg,
    rgba(181, 209, 230, 0) 0,
    rgba(181, 209, 230, 0.2) 20%,
    rgba(181, 209, 230, 0.5) 60%,
    rgba(181, 209, 230, 0)
  );
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.compliance-loading_ghost::after {
  background: linear-gradient(
    90deg,
    rgba(225, 237, 245, 0) 0,
    rgba(225, 237, 245, 0.2) 20%,
    rgba(225, 237, 245, 0.5) 60%,
    rgba(225, 237, 245, 0)
  );
}
@keyframes compliance-loading_ghost-loading {
  100% {
    transform: translateX(100%);
  }
}

.compliance-loading_ghost--fill {
  height: 100%;
}

.compliance-aggregator_contractor_selector {
  border: 1px solid var(--nc-color-border-default, #e5e7eb);
  border-radius: var(--nc-border-radius-md, 8px);
}
.compliance-aggregator_contractor_selector--loading {
  position: relative;
  overflow: hidden;
  min-height: 12rem;
}

.compliance-aggregator_contractor_selector__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: var(--nc-p-md, 12px);
  gap: var(--nc-p-sm, 8px);
  border-bottom: 1px solid var(--nc-color-border-default, #e5e7eb);
  background-color: var(--nc-color-background-subtle, #f9fafb);
}

.compliance-aggregator_contractor_selector__header__search {
  flex: 1;
}

.compliance-aggregator_contractor_selector__header__actions {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-sm, 8px);
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.compliance-aggregator_contractor_selector__filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm, 8px);
  padding: var(--nc-p-md, 12px);
}

.compliance-aggregator_contractor_selector__list {
  display: flex;
  flex-direction: column;
}

.compliance-aggregator_contractor_selector__list__item {
  border-top: 1px solid var(--nc-color-border-default, #e5e7eb);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--nc-p-md, 12px);
}

.compliance-aggregator_contractor_selector__list__item:hover,
.compliance-aggregator_contractor_selector__list__item--active {
  background-color: var(--nc-color-primary-subtle);
}

.compliance-aggregator_contractor_selector__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--nc-p-sm, 8px);
  padding: var(--nc-p-md, 12px);
  border-top: 1px solid var(--nc-color-border-default, #e5e7eb);
}

.compliance-oge_support_request_modal__contractor_types {
  padding: 0;
}

.compliance-oge_support_request_card {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  padding: var(--nc-p-lg, 16px);
  border-radius: var(--nc-p-sm, 8px);
  border: 1px solid var(--nc-color-border-default, #e5e7eb);
  container-type: inline-size;
}

.compliance-oge_support_request_card__header__details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm);
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-oge_support_request_card__progress {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm);
  container-type: inline-size;
  font: var(--nc-type-300-medium);
}

.compliance-oge_support_request_card__footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--nc-p-sm);

  @container (min-width: 16rem) {
    align-items: center;
    flex-direction: row;
  }
}

.compliance-oge_affected_district {
  display: flex;
  flex-direction: column;
  border-radius: var(--nc-border-radius-lg);
  border: 1px solid var(--nc-color-border-default, #e5e7eb);
  background: var(--nc-color-background-default, #fff);
  box-shadow: var(--nc-shadow-drop-10);
}

.compliance-oge_affected_district__header {
  display: flex;
  flex-direction: row;
  padding: var(--nc-p-lg);
  justify-content: space-between;
  align-items: center;
}

.compliance-oge_affected_district__header__title {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-sm);
  align-items: center;
}

.compliance-oge_affected_district__header__title__icon {
  border-radius: var(--nc-border-radius-sm);
  background: var(--nc-color-success-subtle, #f0fdf4);
  color: var(--nc-color-success-default, #15803d);
  font: var(--nc-type-400-regular);
  display: flex;
  padding: var(--nc-p-xs);
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
}

.compliance-oge_affected_district__header__title__content {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-xs);
}

.compliance-oge_affected_district__header__title__text {
  color: var(--nc-color-foreground-default, #111827);
  font: var(--nc-type-600-medium);
}

.compliance-oge_affected_district__header__title__detail {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-300-regular);
}

.compliance-oge_affected_district__staging_sites {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  align-items: center;
  padding: var(--nc-p-lg);
}

.compliance-oge_affected_district__staging_sites__header {
  display: flex;
  flex-direction: row;
  gap: var(--nc-gap-sm);
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.compliance-oge_affected_district__staging_sites__title {
  color: var(--nc-color-foreground-subtle, #6b7280);
  text-transform: uppercase;
  font: var(--nc-type-300-medium);
}

.compliance-oge_affected_district__staging_sites__empty {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  padding: var(--nc-p-xl) var(--nc-p-md);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--nc-border-radius-md);
  background: var(--nc-color-background-recessed, #f3f4f6);
}

.compliance-oge_affected_district__staging_sites__empty__icon {
  justify-content: center;
  align-items: center;
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-600-regular);
}

.compliance-oge_affected_district__staging_sites__empty__message {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-regular);
}

.compliance-grid_row {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.compliance-grid_row--wrap {
  flex-wrap: wrap;
}

.compliance-grid_row--gap_sm {
  gap: var(--nc-p-sm);
}
.compliance-grid_row--gap_md {
  gap: var(--nc-p-md);
}
.compliance-grid_row--gap_lg {
  gap: var(--nc-p-lg);
}

.compliance-grid_row--gap_lg.compliance-grid_row--column_one > * {
  flex: 1 0 100%;
  max-width: 100%;
}
.compliance-grid_row--gap_lg.compliance-grid_row--column_two > * {
  flex: 1 0 calc(50% - var(--nc-p-lg));
  max-width: 50%;
}
.compliance-grid_row--gap_lg.compliance-grid_row--column_three > * {
  flex: 1 0 calc(33.33% - var(--nc-p-lg));
  max-width: 33.33%;
}
.compliance-grid_row--gap_lg.compliance-grid_row--column_four > * {
  flex: 1 0 calc(25% - var(--nc-p-lg));
  max-width: 25%;
}

.compliance-grid_row--gap_md.compliance-grid_row--column_one > * {
  flex: 1 0 100%;
  max-width: 100%;
}
.compliance-grid_row--gap_md.compliance-grid_row--column_two > * {
  flex: 1 0 calc(50% - var(--nc-p-md));
  max-width: 50%;
}
.compliance-grid_row--gap_md.compliance-grid_row--column_three > * {
  flex: 1 0 calc(33.33% - var(--nc-p-md));
  max-width: 33.33%;
}
.compliance-grid_row--gap_md.compliance-grid_row--column_four > * {
  flex: 1 0 calc(25% - var(--nc-p-md));
  max-width: 25%;
}

.compliance-grid_row--gap_sm.compliance-grid_row--column_one > * {
  flex: 1 0 100%;
  max-width: 100%;
}
.compliance-grid_row--gap_sm.compliance-grid_row--column_two > * {
  flex: 1 0 calc(50% - var(--nc-p-sm));
  max-width: 50%;
}
.compliance-grid_row--gap_sm.compliance-grid_row--column_three > * {
  flex: 1 0 calc(33.33% - var(--nc-p-sm));
  max-width: 33.33%;
}
.compliance-grid_row--gap_sm.compliance-grid_row--column_four > * {
  flex: 1 0 calc(25% - var(--nc-p-sm));
  max-width: 25%;
}

.compliance-empty_list {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  padding: var(--nc-p-xl) var(--nc-p-md);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--nc-border-radius-md);
  background: var(--nc-color-background-recessed, #f3f4f6);
}

.compliance-empty_list__icon {
  justify-content: center;
  align-items: center;
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-600-regular);
}

.compliance-empty_list__message {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-regular);
  text-align: center;
}

.compliance-empty_list__action {
  align-self: center;
}

.compliance-list_section_header {
  display: flex;
  flex-direction: row;
  gap: var(--nc-gap-sm);
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.compliance-list_section_header__title {
  color: var(--nc-color-foreground-subtle, #6b7280);
  text-transform: uppercase;
  font: var(--nc-type-300-medium);
}

.compliance-card_list {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}

.compliance-card_list__item {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  justify-content: space-between;

  @media (min-width: 33rem) {
    flex-direction: row;
    align-items: center;
  }
}

.compliance-card_list__item__content {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-xs);

  @media (min-width: 33rem) {
    flex-direction: row;
    align-items: center;
    gap: var(--nc-p-md);
  }
}

.compliance-card_list__item__content__title {
  font: var(--nc-type-400-medium);
  color: var(--nc-color-foreground-default);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-xs);
}

.compliance-card_list__item__icon {
  font-size: var(--nc-p-lg);
  color: var(--nc-color-primary-default);
}

.compliance-card_list__item__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm);
}

.compliance-select_list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}

.compliance-select_list__item {
  width: 100%;
  padding: 0 !important;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compliance-select_list__item:hover {
  background-color: var(--nc-color-primary-subtle);
}

.compliance-select_list__item_checkbox {
  padding: var(--nc-p-md);
}

.compliance-select_list__item_label {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--nc-p-xs);
  font: var(--nc-type-400-regular);
}
.compliance-select_list__item_detail {
  font: var(--nc-type-300-light);
}

.compliance-oge_master_roster {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  align-items: center;
}

.compliance-oge_master_roster__rosters {
  background: var(--nc-color-background-default, #fff);
  box-shadow: var(--nc-shadow-drop-10);
  align-self: stretch;
}

.compliance-list_section {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  align-items: center;
}

.compliance-list_section__title {
  color: var(--nc-color-foreground-subtle, #6b7280);
  text-transform: uppercase;
  font: var(--nc-type-300-medium);
}

.compliance-section_card {
  display: flex;
  flex-direction: column;
  border-radius: var(--nc-border-radius-lg);
  border: 1px solid var(--nc-color-border-default, #e5e7eb);
  background: var(--nc-color-background-default, #fff);
  box-shadow: var(--nc-shadow-drop-10);
  padding: var(--nc-p-lg);
  align-self: stretch;
}

.compliance-oge_event_timesheets {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md, 12px);
}

.compliance-oge_event_timesheets__list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--nc-p-md, 12px);
  flex-wrap: wrap;
}

.compliance-oge_event_timesheets__list__loading {
  height: 100%;
}

.compliance-tabbed_section {
  width: 100%;
}

.compliance-tabbed_section__tabs {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-sm);
  border-bottom: 1px solid var(--nc-color-border-default);
}

.compliance-tabbed_section__tabs__tab {
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--nc-color-foreground-subtle, #6b7280);
  cursor: pointer;
  display: flex;
  font: var(--nc-type-400-medium);
  text-transform: uppercase;
  padding: var(--nc-p-sm) var(--nc-p-sm) var(--nc-p-xs);
  align-items: center;
  gap: var(--nc-p-sm);
  justify-content: center;
  background-color: transparent;
}

.compliance-tabbed_section__tabs__tab:hover {
  background: var(--nc-color-primary-subtle);
}

.compliance-tabbed_section__tabs__tab:hover,
.compliance-tabbed_section__tabs__tab--active {
  border-bottom-color: var(--nc-color-primary-default);
}

.compliance-timesheet_row {
  position: relative;
}

.compliance-timesheet_row:hover {
  background-color: var(--nc-color-primary-subtle);
  cursor: pointer;
}

.compliance-timesheet_row__link {
  color: inherit;
  text-decoration: none;
}

.compliance-timesheet_row .compliance-timesheet_row__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.compliance-oge_contacts_list {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}

.compliance-oge_contacts_list__contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--nc-p-lg);
}
.compliance-oge_contacts_list__contact
  + .compliance-oge_contacts_list__contact {
  padding-top: var(--nc-p-md);
}

.compliance-oge_contacts_list__contact__meta {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-xs);
}

.compliance-oge_contacts_list__contact__meta__icon {
  color: var(--nc-color-grey-default);
  font: var(--nc-type-300-regular);
  position: relative;
}

.compliance-oge_contacts_list__contact__actions {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-xs);
}

.compliance-oge_event_contacts {
  background: var(--nc-color-white);
}

.compliance-layout_right_sidebar {
  display: grid;
  gap: var(--nc-p-lg);
  grid-template-columns: 1fr;
  grid-template-areas: "sidebar" "main";
  @media (min-width: 54rem) {
    grid-template-areas: "main sidebar";
    grid-template-columns: 1fr 375px;
  }
}

.compliance-layout_right_sidebar__main {
  grid-area: main;
}

.compliance-layout_right_sidebar__sidebar {
  grid-area: sidebar;
}

.compliance-oge_event_list_page {
  overflow: hidden;
  height: 100%;
}

.compliance-oge_event_list_page__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.compliance-oge_event_list_page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--nds-l-utilities_225);
  margin-top: var(--nds-l-utilities_225);
  padding: 0 var(--nds-l-utilities_225);
}

.compliance-oge_event_list_page__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--nds-l-utilities_225);
}

.compliance-oge_active_event_card {
  border-radius: var(--nc-border-radius-lg, 16px);
  border: 1px solid var(--nc-color-border-subtle, #f3f4f6);
  box-shadow: 0 4px 8px 0 rgba(14, 22, 37, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--nc-p-lg, 16px);
  gap: var(--nc-p-sm, 8px);
}

.compliance-oge_active_event_card__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--nc-p-sm, 8px);
  padding: var(--nc-p-sm, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nc-color-white, #fff);
  background-color: var(--nc-color-background-subtle, #f3f4f6);
}

.compliance-oge_active_event_card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.compliance-oge_active_event_card__actions {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.compliance-oge_events_table_row__name_cell {
  display: flex;
  align-items: center;
  gap: var(--nc-p-sm, 4px);
}

.compliance-oge_events_table_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.compliance-oge_events_table_row__icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--nc-p-sm, 8px);
  padding: var(--nc-p-sm, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nc-color-white, #fff);
  background-color: var(--nc-color-background-subtle, #f3f4f6);
}

.compliance-pagination {
  display: flex;
  flex-direction: row;
}

.compliance-pagination__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--nc-color-border-default);
  background-color: var(--nc-color-background-default);
  padding: var(--nc-p-md);
  font: var(--nc-type-300-regular-mobile);
  color: var(--nc-color-foreground-default);
  cursor: pointer;
  border-left: none;
}

.compliance-pagination__button--previous {
  border-radius: var(--nc-p-sm);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid var(--nc-color-border-default);
}

.compliance-pagination__button--next {
  border-radius: var(--nc-p-sm);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.compliance-pagination__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.compliance-pagination__button--active {
  background-color: var(--nc-color-primary-subtle);
}

.compliance-interactive_table {
  border-radius: var(--nc-p-sm);
  border: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
  background: var(--nc-color-background-default, #fff);
}

.compliance-interactive_table__header {
  border-top-right-radius: var(--nc-p-sm);
  border-top-left-radius: var(--nc-p-sm);
  background: var(--nc-color-dark-grey-default, #374151);
  color: var(--nc-color-foreground-on-color, #fff);
  font: var(--nc-type-500-regular);
  display: flex;
  align-items: center;
  padding: var(--nc-p-md) var(--nc-p-lg);
  border-bottom: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
  gap: var(--nc-p-sm);
}

.compliance-interactive_table__body {
  width: 100%;
  overflow-x: auto;
}

.compliance-interactive_table__body__table {
  table-layout: fixed;
  width: 100%;
}

.compliance-interactive_table__footer {
  background: var(--nc-color-background-subtle, #f9fafb);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--nc-p-md) var(--nc-p-lg);
}

.compliance-interactive_table__footer__group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--nc-p-lg);
}

.compliance-interactive_table_header {
  width: 100%;
}

.compliance-interactive_table_header__column {
  color: var(--nc-color-dark-grey-subtle-border, #6b7280);
  font: var(--nc-type-500-regular);
  text-align: left;
  padding: var(--nc-p-sm) var(--nc-p-md);
}

.compliance-interactive_table_rows__row {
  border-top: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
}

.compliance-interactive_table_rows__row--highlight {
  background-color: var(--nc-color-primary-subtle);
}
.compliance-interactive_table_rows__cell {
  padding: var(--nc-p-sm) var(--nc-p-md);
  vertical-align: middle;
}

.compliance-bottom_control_card {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-sm);
  justify-content: flex-end;
  align-items: center;

  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--nc-p-xxl);
  background-color: var(--nc-color-background-default);
  border-top: 1px solid var(--nc-color-border-default, #e5e7eb);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 49;
}

.compliance-form_card {
  border-radius: var(--nc-p-sm);
  border: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
}

.compliance-form_card__header {
  border-bottom: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
  padding: var(--nc-p-xl) var(--nc-p-xxl);
}

.compliance-form_card__header,
.compliance-form_card__body,
.compliance-form_card__footer {
  padding: var(--nc-p-xl) var(--nc-p-xxl);
}

.compliance-form_card__controls {
  border-bottom: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
  padding: var(--nc-p-md) var(--nc-p-xxl);
}

.compliance-form_card__footer {
  border-top: 1px solid var(--nds-color-core-grey-100, #e6e8ea);
}

.compliance-form_card_header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--nc-p-lg);

  @media (min-width: 33rem) {
    flex-direction: row;
    align-items: center;
  }
}

.compliance-form_card_header__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nc-p-sm);
  flex: 1;
}

.compliance-form_card_header__content__info {
  display: flex;
  flex-direction: column;
}

.compliance-form_card_header--lg .compliance-form_card_header__title {
  font: var(--nc-type-700-medium);
  color: var(--nc-color-foreground-default, #111827);
}

.compliance-form_card_header--lg .compliance-form_card_header__subtitle {
  font: var(--nc-type-400-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-form_card_header--md .compliance-form_card_header__title {
  font: var(--nc-type-600-medium);
  color: var(--nc-color-foreground-default, #111827);
}

.compliance-form_card_header--md .compliance-form_card_header__subtitle {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-form_card_header--sm .compliance-form_card_header__title {
  font: var(--nc-type-400-medium);
  color: var(--nc-color-foreground-default, #111827);
}

.compliance-form_card_header--sm .compliance-form_card_header__subtitle {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-form_card_header__actions {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  flex: 1;
  justify-content: flex-end;

  @media (min-width: 33rem) {
    flex-direction: row;
    align-items: center;
  }
}

.nc-note-attachment {
  align-items: center;
  background: var(--color-primary-subtle, #f0f8ff);
  border-radius: var(--nc-border-radius-sm, 4px);
  color: var(--nc-color-primary-default, #0570c4);
  display: flex;
  font: var(--nc-type-400-regular);
  gap: var(--nc-p-sm, 8px);
  justify-content: center;
  padding: var(--nc-p-sm, 8px) var(--nc-p-md, 12px);
  text-decoration: none;
}

.nc-note-attachment:hover {
  background: var(--color-primary-default, #0570c4);
  color: var(--color-primary-subtle, #f0f8ff);
}

.compliance-app_layout_content_container {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-lg);
  padding: var(--nc-p-lg) var(--nc-p-lg) 7rem;
}

.compliance-oge_external_note_modal__content {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
}

.compliance-oge_external_note_modal__body_label {
  font: var(--nc-type-400-medium);
}

.compliance-oge_external_note_modal__body_container {
  overflow-y: auto;
}

.compliance-oge_external_note_modal__parent_note {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}

.compliance-oge_external_note_modal__parent_note__body {
  color: var(--nc-color-foreground-subtle);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.compliance-oge_external_job_note {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  border-bottom: 1px solid var(--nc-color-border-default);
  padding: var(--nc-p-md);
  color: var(--nc-color-foreground-default);
}

.compliance-oge_external_job_note__container {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-xs);
  justify-content: space-between;
  align-items: flex-start;
}

.compliance-oge_external_job_note__content {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-xs);
  overflow: hidden;
}

.compliance-oge_external_job_note__metadata {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-xs);
  align-items: center;
  justify-content: space-between;
}

.compliance-oge_external_job_note__body {
  font: var(--nc-type-400-regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.compliance-oge_external_job_note__timestamp {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-oge_external_job_note__sender {
  font: var(--nc-type-400-medium);
}

.compliance-oge_external_job_note__parents {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-xs);
  border-left: 2px solid var(--nc-color-border-default);
  padding-left: var(--nc-p-xs);
  margin-left: var(--nc-p-xs);
}

.compliance-oge_timesheets {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md, 12px);
}

.compliance-oge_timesheets_timesheet {
  text-decoration: none;
  color: var(--nc-color-foreground-default, #111827);
}

.compliance-oge_timesheets_timesheet:hover {
  background-color: var(--nc-color-primary-subtle);
}

.compliance-oge_timesheets_timesheet__icon {
  color: var(--nc-color-primary-default, #0570c4);
}

.compliance-availability_request__link {
  text-decoration: none;
  color: var(--nc-color-foreground-default);
}

.compliance-availability_request__link:hover {
  background-color: var(--nc-color-primary-subtle);
  color: var(--nc-color-primary-default);
}

.compliance-nixed_value {
  font: var(--nc-type-400-regular);
  text-decoration: line-through;
  color: var(--nc-color-danger-default);
}

.compliance-input_timesheet_hours {
  min-width: 0;
}

.compliance-key_value_list {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
}
.compliance-key_value_list--grid {
  flex-direction: row;
  flex-wrap: wrap;
}

.compliance-key_value_list__item {
  display: flex;
}
.compliance-key_value_list--grid .compliance-key_value_list__item {
  flex: 1 1 calc(50% - var(--nc-p-sm));
}

.compliance-key_value_list__item--row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.compliance-key_value_list__item--column {
  flex-direction: column;
}

.compliance-key_value_list__item__key {
  color: var(--nc-color-grey-pressed);
}

.compliance-key_value_list__item__key,
.compliance-key_value_list__item--medium .compliance-key_value_list__item__key {
  font: var(--nc-type-300-medium);
}
.compliance-key_value_list__item__value,
.compliance-key_value_list__item--medium
  .compliance-key_value_list__item__value {
  font: var(--nc-type-400-regular);
}

.compliance-key_value_list__item--large .compliance-key_value_list__item__key {
  font: var(--nc-type-400-medium);
}
.compliance-key_value_list__item--large
  .compliance-key_value_list__item__value {
  font: var(--nc-type-500-regular);
}

.compliance-form_header_icon {
  width: 2.875rem;
  height: 2.875rem;
  padding: var(--nc-p-sm);
  border-radius: var(--nc-p-sm);

  font: var(--nc-type-600-regular);
}

.compliance-form_header_icon--success {
  color: var(--nc-color-success-default);
  background-color: var(--nc-color-success-subtle);
}

.compliance-form_header_icon--warning {
  color: var(--nc-color-warning-default);
  background-color: var(--nc-color-warning-subtle);
}

.compliance-form_header_icon--error {
  color: var(--nc-color-error-default);
  background-color: var(--nc-color-error-subtle);
}

.compliance-form_header_icon--primary {
  color: var(--nc-color-primary-default);
  background-color: var(--nc-color-primary-subtle);
}

.compliance-oge_internal_batch_job_request__progress_bar {
  flex: 1 0 256px;
}

.compliance-intake_entity_form_modal {
  display: flex;
  flex-direction: column;
  gap: var(--nds-l-300);
}

.compliance-intake_entity_form_modal__loading {
  border-radius: var(--nds-l-utilities_50);
}

/* Footer */
.compliance-intake_entity_form_modal__footer {
  display: flex;
  flex: 0 0;
  padding: 1.125rem;
}

.compliance-inactive_feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.compliance-inactive_feature__content {
  max-width: 32rem;
}

.compliance-inline_radio_radio {
  display: block;
}

.compliance-inline_radio_radio__label {
  font: var(--nc-t-body_medium);
  color: var(--nds-color-core_grey_900);
}

.compliance-inline_radio_radio__options {
  display: flex;
  gap: 2rem;
  margin-top: var(--nds-l-utilities_50);
}

.compliance-inline_radio_radio__option {
  display: flex;
  align-items: center;
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  padding: var(--nds-l-100);
  border-radius: var(--nds-l-utilities_50);
}
.compliance-inline_radio_radio__option:hover {
  background: var(--nds-color-semantic_primary_50);
  cursor: pointer;
}

.compliance-inline_radio_radio__option__control {
  width: var(--nds-l-utilities_225);
  height: var(--nds-l-utilities_225);
  border: 1px solid var(--nds-color-core_grey_500);
  padding: 0;
  margin: 0;
}

.compliance-inline_radio_radio__option__label {
  font: var(--nc-t-body_regular);
  color: var(--nds-color-core_grey_900);
  margin-left: var(--nds-l-utilities_50);
}

.compliance-send_docusign_document__preview {
  width: 100%;
  min-height: calc(100% - 12rem);
  border: 1px solid var(--nds-color-core_grey_100);
}

.compliance-send_docusign_document__add_carbon_copy {
  display: flex;
  align-items: center;
}

.compliance-send_docusign_document__carbon_copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: var(--nc-t-body_light);
  color: var(--nds-color-core_grey_700);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: var(--nds-l-utilities_50);
  padding: var(--nds-l-100);
}

.compliance-send_docusign_document__carbon_copies {
  border-radius: var(--nds-l-utilities_50);
  border: 1px solid var(--nds-color-core_grey_100);
  padding: var(--nds-l-200);
}

.compliance-send_docusign_document__carbon_copy_subform {
  display: flex;
  flex-direction: row;
  margin-top: var(--nds-l-200);
  border-radius: var(--nds-l-utilities_50);
  border: 1px solid var(--nds-color-core_grey_100);
  padding: var(--nds-l-200);
}

.compliance-property_details_modal__property_list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nds-l-200);
  flex-direction: row;
}

.compliance-property_details_modal__property {
  flex: 1 0 calc(50% - 1rem);
}

.compliance-add_work_record_modal__option {
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: 0.25rem;
  padding: var(--nds-l-200);
}

.compliance-add_work_record_modal__option__fields {
  flex-direction: column;
}
.compliance-add_work_record_modal__option__fields > * {
  width: 100%;
}
@media screen and (min-width: 54rem) {
  .compliance-add_work_record_modal__option__fields {
    flex-direction: row;
  }
  .compliance-add_work_record_modal__option__fields > * {
    max-width: 33.333%;
  }
}

.compliance-appointments {
  overflow: hidden;
  height: 100%;
}
.compliance-appointments_container {
  padding: 1rem;
  margin: 0 auto;
}

@media screen and (min-width: 54rem) {
  .compliance-appointments_title_row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.compliance-appointments_calendar__header {
  display: none;
}
@media screen and (min-width: 54rem) {
  .compliance-appointments_calendar__header {
    display: block;
    border-bottom: 1px solid var(--nds-color-core_grey_200);
    padding: var(--nds-l-100);
    margin: var(--nds-l-100);
    color: var(--nds-color-core_grey_600);
  }
}

@media screen and (min-width: 54rem) {
  .compliance-appointments_calendar {
    display: flex;
  }
}

.compliance-appointments_calendar__options {
  min-width: 16rem;
}
.compliance-appointments_calendar__grid {
  width: 100%;
}

.compliance-appointments_calendar__range_loading {
  animation: rotate 3s linear infinite;
}

.compliance-appointment_type_check {
  font: var(--nc-t-info_text_light);
  color: var(--nds-color-core_white);
  border-radius: 100px;
  background-color: var(--nds-color-semantic_primary_500);
  display: inline-block;
  height: var(--nds-l-200);
  width: var(--nds-l-200);
  text-align: center;
}

@media screen and (min-width: 54rem) {
  .compliance-calendar_row {
    display: flex;
  }
}

.compliance-calendar_date_wrapper__view_all {
  position: absolute;
  padding: var(--nds-l-utilities_50);
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--nds-color-core_white) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px -4px 8px 0px #0e162529;
}

.compliance-calendar_date {
  background: var(--nds-color-core_white);
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  border-radius: 0.25rem;
  padding: var(--nds-l-100);
  margin-bottom: var(--nds-l-100);
  margin-top: var(--nds-l-100);
  position: relative;
  overflow: hidden;
  max-height: 9rem;
}
@media screen and (min-width: 54rem) {
  .compliance-calendar_date {
    margin: var(--nds-l-100);
  }
}
.compliance-calendar_date--placeholder {
  background: var(--nds-color-core_grey_10);
  box-shadow: none;
}
.compliance-calendar_date--unclamp {
  max-height: unset;
}

.compliance-calendar_appointment {
  background: var(--nds-color-semantic_primary_900);
  padding: var(--nds-l-utilities_50);
  border-radius: var(--nds-l-utilities_25);
  cursor: pointer;
  display: block;
}
.compliance-calendar_appointment + .compliance-calendar_appointment {
  background: var(--nds-color-semantic_primary_600);
}

.compliance-calendar_appointment__name,
.compliance-calendar_appointment__time,
.compliance-calendar_appointment__place {
  color: var(--nds-color-core_white);
  text-align: left;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
}

.compliance-calendar_appointment__participants_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--nds-l-utilities_50);
  gap: var(--nds-l-utilities_50);
  color: var(--nds-color-core_white);
}

.compliance-appointment_schedule_modal__case_search {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.compliance-appointment_schedule_modal__case_search__input {
  margin-left: var(--nds-l-100);
}

.compliance-appointment_schedule_modal__case_list {
  position: relative;
}

.compliance-appointment_schedule_modal__case_select {
  min-width: 6rem;
}
.compliance-appointment_schedule_modal__location_column {
  min-width: 23rem;
}

.compliance-appointment_schedule_modal__active_row {
  background: var(--nds-color-semantic_primary_100) !important;
}

.compliance-appointment_schedule_modal__cases_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.compliance-entity_job_list {
  overflow: hidden;
  height: 100%;
}

.compliance-entity_job_list__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.compliance-entity_job_list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--nds-l-utilities_225);
  margin-top: var(--nds-l-utilities_225);
  padding: 0 var(--nds-l-utilities_225);
}

.compliance-entity_job_list__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.compliance-entity_job_list__body__table {
  flex: 1;
}

.compliance-entity_job_list__row {
  text-decoration: none;
  padding: var(--nds-l-utilities_150) var(--nds-l-100);
  display: block;
}

.compliance-entity_job_list__column_truncate {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  width: 16rem;
}

.compliance-settings {
  overflow: hidden;
  height: 100%;
}
.compliance-settings_container {
  max-width: 1024px;
  padding: 1rem;
  margin: 0 auto;
}

.compliance-settings__menu {
  display: flex;
  flex-direction: column;
}
.compliance-settings__menu_item {
  font: var(--nc-t-h5_light_desktop);
  color: var(--nds-color-core_grey_700) !important;
  padding: var(--nds-l-200);
  background: transparent;
  text-decoration: none !important;
}
.compliance-settings__menu_item:hover,
.compliance-settings__menu_item--active {
  color: var(--nds-color-core_grey_900) !important;
  background: var(--nds-color-core_grey_100);
  text-decoration: none !important;
}
.compliance-settings__menu_item:hover {
  background: var(--nds-color-core_grey_50);
}
.compliance-settings__menu_item--active {
  font: var(--nc-t-h5_medium_desktop);
  background: var(--nds-color-core_grey_100);
}

.compliance-case_status_table {
  width: 100%;
  overflow-x: auto;
}
.compliance-case_status_table__contents {
  width: 54rem;
}
@media screen and (min-width: 54rem) {
  .compliance-case_status_table__contents {
    width: 100%;
  }
}
.compliance-case_status_table__status_type_column {
  width: 12%;
  white-space: pre;
}
.compliance-case_status_table__name_column {
  width: 18%;
  white-space: pre;
}
.compliance-case_status_table__description_column {
  width: 30%;
  overflow: hidden;
}
.compliance-case_status_table__description_column__contents {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  max-width: 22rem;
}
.compliance-case_status_table__updated_column {
  width: 20%;
  white-space: pre;
}
.compliance-case_status_table__edit_column,
.compliance-case_status_table__archived_column {
  width: 10%;
  white-space: pre;
}

.compliance-settings_list_header__loading_ind {
  position: relative;
  top: -1.5rem;
}
.compliance-settings_list_header__loading_ind,
.compliance-settings_list_header__loading_ind img {
  height: 2rem;
  width: 2rem;
}

.compliance-modal_confirmation {
  box-shadow: var(--nds-box-shadow-drop_stack_3);
  z-index: 200000;
}

.compliance-contractor_table__select_column {
  width: 5%;
}

.compliance-contractor_table__edit_column {
  width: 10%;
}

.compliance-settings_table_container {
  width: 100%;
  overflow-x: auto;
  margin-top: var(--nc-p-lg);
}
.compliance-settings_table_container__contents {
  width: 100%;
  border: 1px solid var(--nc-color-grey-default);
  border-radius: var(--nc-p-sm);
  padding-top: var(--nc-p-md);
}

.compliance-edit_contractor_route {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
}

.compliance-edit_contractor_route__timestamps {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-grey-hover);
  display: flex;
  flex-direction: column;
}

.compliance-edit_contractor_route__contractor_info {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  border: 1px solid var(--nc-color-grey-subtle-border);
  border-radius: var(--nc-p-sm);
  padding: var(--nc-p-lg);
  @media screen and (min-width: 54rem) {
    flex-direction: row;
  }
}

.compliance-edit_contractor_route__contractor_info__content {
  flex: 3;
}

.compliance-edit_contractor_route__contractor_logo {
  flex: 1;
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  margin-bottom: var(--nc-l-400);
}

.compliance-edit_contractor_route__contractor_logo__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.compliance-edit_contractor_route__contractor_logo__no_logo {
  border: 1px solid var(--nc-color-grey-subtle-border);
  border-radius: var(--nc-p-sm);
  padding: var(--nc-p-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--nc-type-300-regular);
  color: var(--nc-color-grey-hover);
  height: 100%;
}

.compliance-edit_contractor_modal__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  min-width: 100px;
  border: 1px solid var(--nds-color-core_grey_200);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-right: var(--nds-l-100);
}

.compliance-edit_contractor_modal__logo__img {
  height: 100%;
  min-width: 100%;
}

.compliance-edit_contractor_modal__logo__loading img {
  width: 50px;
}

.compliance-contact_settings_row__edit_column {
  width: 10%;
}

.compliance-settings_table_section {
  display: flex;
  flex-direction: column;
}

.compliance-settings_table_section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.compliance-settings_table_section__title {
  font: var(--nc-type-500-medium);
}

.compliance-job_status_table {
  width: 100%;
  overflow-x: auto;
}
.compliance-job_status_table__contents {
  width: 54rem;
}
@media screen and (min-width: 54rem) {
  .compliance-job_status_table__contents {
    width: 100%;
  }
}
.compliance-job_status_table__status_type_column {
  width: 12%;
  white-space: pre;
}
.compliance-job_status_table__name_column {
  width: 18%;
  white-space: pre;
}
.compliance-job_status_table__description_column {
  width: 30%;
  overflow: hidden;
}
.compliance-job_status_table__description_column__contents {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  max-width: 22rem;
}
.compliance-job_status_table__updated_column {
  width: 20%;
  white-space: pre;
}
.compliance-job_status_table__edit_column,
.compliance-job_status_table__archived_column {
  width: 10%;
  white-space: pre;
}

.compliance-subject_case_detail__content {
  align-items: center;
  gap: calc(var(--nds-l-400) * 2);
  padding: var(--nds-l-300);
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 55rem) {
  .compliance-subject_case_detail__content {
    width: 54rem;
  }
}

.compliance-subject_case_detail__entity_info {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--nds-color-core_grey_50);
  gap: var(--nds-l-100);
}

.compliance-subject_case_detail__status {
  min-width: 8rem;
  margin-left: var(--nds-l-100);
}

.compliance-subject_case_detail__status_loader {
  animation: rotate 3s linear infinite;
}

.compliance-subject_case_detail__header_link {
  color: var(--nds-color-core_grey_900);
  font: var(--nc-t-body_regular);
  text-decoration: none;
}

.compliance-subject_case_detail__grid_layout {
  display: flex;
  flex-direction: column-reverse;
  margin: var(--nds-l-200) auto;
}

.compliance-subject_case_detail__grid_layout__content,
.compliance-subject_case_detail__grid_layout__side_panel {
  max-width: 100%;
}

.compliance-subject_case_detail__grid_layout__content {
  margin-top: 2rem;
}

@media screen and (min-width: 54rem) {
  .compliance-subject_case_detail__grid_layout {
    flex-direction: row;
    gap: var(--nds-l-200);
  }

  .compliance-subject_case_detail__grid_layout__content {
    flex: 1;
    margin-top: 0;
  }

  .compliance-subject_case_detail__grid_layout__side_panel {
    max-width: 20rem;
  }
}

.compliance-manage_case {
  background: var(--nds-color-core_white);
  border-radius: 0.25rem;
  box-shadow: var(--nds-box-shadow-drop_stack_1);
  padding: var(--nds-l-300);
  width: 100%;
}


.compliance-job_card_composed__appointment_link {
  margin-top: var(--nds-l-100);
  display: block;
}

.compliance-job_card_composed__appointment_line_item {
  font: var(--nc-t-sub_text_light);
  color: var(--nds-color-core_grey_700);
  margin-top: var(--nds-l-utilities_25);
}
.compliance-job_card_composed__appointment_line_item--canceled {
  text-decoration: line-through;
}

.compliance-intake_layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--nds-color-core_grey_10);
}

.compliance-intake_layout__header {
  background-color: var(--nds-color-core_white);
  border-bottom: 1px solid var(--nds-color-core_grey_100);
}

.compliance-intake_layout__footer {
  background-color: var(--nds-color-core_grey_50);
}

.compliance-intake_layout__content {
  height: 100%;
  padding: var(--nds-l-300);
  background-color: var(--nds-color-core_white);
  align-self: center;
  overflow-y: auto;
  overflow-x: hidden;
}

@media screen and (min-width: 0rem) {
  .compliance-intake_layout__content {
    width: 100%;
  }
}

@media screen and (min-width: 62rem) {
  .compliance-intake_layout__content {
    width: 50%;
    border-left: 1px solid var(--nds-color-core_grey_100);
    border-right: 1px solid var(--nds-color-core_grey_100);
  }
}

@media screen and (max-width: calc(33rem - 1px)) {
  .compliance-intake_layout__content {
    height: 100%;
    padding: var(--nds-l-200);
    background-color: var(--nds-color-core_white);
    align-self: center;
  }
}

.compliance-job_list {
  overflow: hidden;
  height: 100%;
}

.compliance-generic_job_list {
  overflow: hidden;
  height: 100%;
}

.compliance-generic_job_list__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.compliance-generic_job_list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--nds-l-utilities_225);
  margin-top: var(--nds-l-utilities_225);
  padding: 0 var(--nds-l-utilities_225);
}

.compliance-generic_job_list__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.compliance-generic_job_list__body__table {
  flex: 1;
}

.compliance-generic_job_list__row {
  text-decoration: none;
  padding: var(--nds-l-utilities_150) var(--nds-l-100);
  /* height: 4rem; */
  display: block;
}

.compliance-generic_job_list__column_truncate {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  width: 16rem;
}

.compliance-aggregator_row__edit_column {
  width: 10%;
}

.compliance-edit_aggregator_route {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
}

.compliance-edit_aggregator_route__timestamps {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-grey-hover);
  display: flex;
  flex-direction: column;
}

.compliance-edit_aggregator_route__aggregator_info {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  border: 1px solid var(--nc-color-grey-subtle-border);
  border-radius: var(--nc-p-sm);
  padding: var(--nc-p-lg);
  @media screen and (min-width: 54rem) {
    flex-direction: row;
  }
}

.compliance-edit_aggregator_route__aggregator_info__content {
  flex: 3;
}

.compliance-edit_aggregator_route__aggregator_logo {
  flex: 1;
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  margin-bottom: var(--nc-l-400);
}

.compliance-edit_aggregator_route__aggregator_logo__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.compliance-edit_aggregator_route__aggregator_logo__no_logo {
  border: 1px solid var(--nc-color-grey-subtle-border);
  border-radius: var(--nc-p-sm);
  padding: var(--nc-p-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--nc-type-300-regular);
  color: var(--nc-color-grey-hover);
  height: 100%;
}

.compliance-edit_aggregator_modal__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  min-width: 100px;
  border: 1px solid var(--nds-color-core_grey_200);
  border-radius: 0.25rem;
  padding: 1rem;
  margin-right: var(--nds-l-100);
}

.compliance-edit_aggregator_modal__logo__img {
  height: 100%;
  min-width: 100%;
}

.compliance-edit_aggregator_modal__logo__loading img {
  width: 50px;
}

.compliance-aggregator_contractor_table__edit_column {
  width: 10%;
}

.compliance-location_row__edit_column {
  width: 10%;
}

.compliance-case_notes_list__header {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-md);
  padding: var(--nc-p-md);
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--nc-color-border-default);
  position: sticky;
  top: 0;
  background: var(--nc-color-background-default);
  justify-content: space-between;
}

.compliance-case_notes_list__header__title {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-md);
  align-items: center;
}

.compliance-case_notes_list__empty {
  height: calc(100% - var(--nc-p-md) * 2 - 61px);
  margin: var(--nc-p-md);
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  padding: var(--nc-p-xl) var(--nc-p-md);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--nc-border-radius-md);
  background: var(--nc-color-background-recessed, #f3f4f6);
}

.compliance-case_notes_list__empty__icon {
  justify-content: center;
  align-items: center;
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-600-regular);
}

.compliance-case_notes_list__empty__message {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-regular);
}

.compliance-case_note__container {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--nc-color-border-default);
}

.compliance-case_note {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  padding: var(--nc-p-md);
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  color: var(--nc-color-foreground-default);
}
.compliance-case_note:hover {
  background: var(--nc-color-background-subtle);
}
.compliance-case_note:active {
  background: var(--nc-color-primary-default);
  color: var(--nc-color-light-default);
}
.compliance-case_note--active {
  background: var(--nc-color-primary-subtle);
  color: var(--nc-color-primary-on-subtle);
}
.compliance-case_note__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.compliance-case_note__recipients_label {
  font: var(--nc-type-300-medium);
}

.compliance-case_note__recipients_list {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-sm);
  flex-wrap: wrap;
  margin-top: var(--nc-p-xs);
}

.compliance-case_note__recipient {
  font: var(--nc-type-400-medium);
}

.compliance-case_note__body {
  font: var(--nc-type-400-regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.compliance-case_note__timestamp {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle, #6b7280);
}

.compliance-case_note:active .compliance-case_note__timestamp {
  color: var(--nc-color-light-default);
}
.compliance-case_note__timestamp--active .compliance-case_note__timestamp {
  color: var(--nc-color-primary-on-subtle);
}

.compliance-case_note__parents {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  border-left: 2px solid var(--nc-color-border-default);
  margin-left: var(--nc-p-sm);
}

.compliance-case_note__thread_button {
  margin: var(--nc-p-sm) 0;
}

.compliance-case_notes_route {
  display: grid;
  grid-template-columns: 20rem auto;
  grid-template-areas: "list message";
  height: calc(100% - var(--nav-bar-height, 54.88px));
}

.compliance-case_notes_route__list {
  grid-area: list;
  border-right: 1px solid var(--nc-color-border-default);
  overflow-y: auto;
}

.compliance-case_notes_route__message {
  grid-area: message;
  height: 100%;
  position: relative;
  overflow-y: auto;
}

.compliance-case_note_detail {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  padding: var(--nc-p-md);
  height: 100%;
}

.compliance-case_note_detail__header {
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-md);
  border-bottom: 1px solid var(--nc-color-border-default);
  padding-bottom: var(--nc-p-md);
}

.compliance-case_note_detail__address {
  display: flex;
  flex-direction: row;
  gap: var(--nc-p-md);
  border-bottom: 1px solid var(--nc-color-border-default);
  padding-bottom: var(--nc-p-md);
}

.compliance-case_note_detail__address_label {
  font: var(--nc-type-400-medium);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.compliance-case_note_detail__address_recipient {
  font: var(--nc-type-400-regular);
  padding: var(--nc-p-xs) var(--nc-p-sm);
  border-radius: var(--nc-border-radius-md);
  background-color: var(--nc-color-background-subtle);
}

.compliance-case_note_detail__container {
  overflow-y: auto;
  flex: 1;
  border: 1px solid var(--nc-color-border-default);
  border-radius: var(--nc-border-radius-md);
}

.compliance-case_note_detail__body {
  font: var(--nc-type-400-regular);
  padding: var(--nc-p-md);
}

.compliance-case_note_detail__timestamp {
  font: var(--nc-type-300-regular);
  color: var(--nc-color-foreground-subtle);
}

.compliance-case_note_none_route {
  height: calc(100% - var(--nc-p-md) * 2);
  margin: var(--nc-p-md);
  display: flex;
  flex-direction: column;
  gap: var(--nc-p-sm);
  padding: var(--nc-p-xl) var(--nc-p-md);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.compliance-case_note_none_route__icon {
  justify-content: center;
  align-items: center;
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-600-regular);
}

.compliance-case_note_none_route__message {
  color: var(--nc-color-foreground-subtle, #6b7280);
  font: var(--nc-type-400-regular);
}

.compliance-contact_authentication_form__card {
  max-width: 23rem;
  margin: 1rem;
  gap: var(--nc-p-md);

  @media (min-width: 33rem) {
    margin: 1rem auto;
  }
}

.compliance-contact_authentication_form__logo {
  width: 10rem;
  height: auto;
  align-self: center;
}