.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: .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%; }
}

.na-toasts {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 1998;
}

.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-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_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-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%;
}

/* 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-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-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-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: .25rem;
    overflow: hidden;
}

.compliance-note_attachment__remove_button {
    position: absolute!important;
    right: -.5rem;
    top: -.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: .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: .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;
}

.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: .75rem;
  fill: var(--nds-color-core_grey_700);
}
.compliance-public_navbar {
    display: flex;
    align-items: center;
    padding: var(--nds-l-utilities_150);
    border-bottom: 1px solid var(--nds-color-core_grey_100);
}
.compliance-public_navbar__logo {
    height: var(--nds-l-400);
    width: auto;
}

.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 .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-public_well {
    box-shadow: var(--nds-box-shadow-drop_stack_1);
    padding: var(--nds-l-300);
    background: var(--nds-color-core_white);
    border-radius: .25rem;
    width: 100%;
}

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

.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;
}

.dc-appointment_form__well {
    background: var(--nds-color-core_grey_10);
    border: 1px solid var(--nds-color-core_grey_100);
    border-radius: .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: .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: .5rem;
    gap: .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: .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 .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-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-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-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-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 {
    text-align: left;
    width: 25%;
}
.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__radio_filter_group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .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);
        background: var(--nds-color-core_white);
        border-top: 1px solid var(--nds-color-core_grey_100);
    }
}

.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-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);
}
.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-generic_entity_case_detail {
    height: 100%;
}

.compliance-generic_entity_case_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--nds-l-400);
}

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

@media screen and (min-width: 90rem) {
    .compliance-generic_entity_case_content {
        flex-direction: row;
    }

    .compliance-generic_entity_case_content__main {
        flex: 3;
    }

    .compliance-generic_entity_case_content__secondary {
        flex: 2;
        margin-top: 0;
    }
}

.compliance-generic_entity_case_content__empty_list {
    background: var(--nds-color-core_grey_10);
    min-height: 12rem;
    border-radius: var(--nds-l-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nds-color-core_grey_700);
    font: var(--nc-t-info_text_light);
}
.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-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: .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: .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 {
    width: 100%; overflow-x: auto;
}
.compliance-contractor_table__contents { width: 54rem; }
@media screen and (min-width: 54rem) {
    .compliance-contractor_table__contents { width: 100%; }    
}

.compliance-contractor_table__edit_column {
    width: 10%;
}

.compliance-edit_contractor_modal__logo {
    height: 100px;
    border: 1px solid var(--nds-color-core_grey_200);
    border-radius: .25rem;
    padding: 1rem;
}

.compliance-edit_contractor_modal__logo_loading {
    padding-left: var(--nds-l-100);
}
.compliance-edit_contractor_modal__logo_loading img {
    width: 50px;
}
.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-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-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;
    }
  }
  
