/* Moolah (CEC) skin: what moolah styles differently from the shared omnir skin.
   Loaded right after style.css, which is kept identical to guard's so it can be
   replaced as a whole on the next sync. Line-item / pricing styles live in custom.css. */

:root {
  --control-icon-bg: rgba(var(--theme-primary-rgb), 0.10);
  --control-icon-hover-bg: var(--color-primary);
  --control-icon-hover-border: var(--color-primary);
  --control-icon-hover-color: #ffffff;
  --control-icon-hover-shadow: 0 4px 12px rgba(var(--theme-primary-rgb), 0.22);
  --btn-bg: var(--control-icon-bg);
  --btn-border: var(--control-icon-border);
  --btn-color: var(--control-icon-color);
  --btn-hover-bg: var(--control-icon-hover-bg);
  --btn-hover-border: var(--control-icon-hover-border);
  --btn-hover-color: var(--control-icon-hover-color);
  --btn-shadow: var(--control-icon-shadow);
  --btn-hover-shadow: var(--control-icon-hover-shadow);
  --sb-icon-active: rgba(var(--theme-primary-rgb), 0.28);
  --sb-active-bg: rgba(var(--theme-primary-rgb), 0.18);
  --tab-shell-bg: #ffffff;
  --tab-shell-border: #e4ebf3;
  --view-control-radius-sm: 7px;
  --view-card-radius-lg: 16px;
  --view-card-radius-xl: 18px;
  --view-card-radius-2xl: 20px;
  --view-card-radius-3xl: 22px;
  --view-card-radius-4xl: 24px;
  --tab-chip-bg: rgba(var(--theme-primary-rgb), 0.08);
  --tab-chip-border: rgba(var(--theme-primary-rgb), 0.12);
  --tab-chip-hover-bg: var(--color-primary-dark);
  --tab-chip-hover-text: #ffffff;
  --tab-chip-active-bg: var(--color-primary-dark);
  --tab-chip-active-text: #ffffff;
}
:root {
  --crm-list-header-bg: #ffffff;
  --crm-list-control-bg: var(--control-icon-bg);
  --crm-list-control-border: var(--control-icon-border);
  --crm-list-control-color: var(--control-icon-color);
  --crm-list-control-hover-bg: var(--control-icon-hover-bg);
  --crm-list-control-hover-border: var(--control-icon-hover-border);
  --crm-list-control-hover-color: var(--control-icon-hover-color);
}
.quickPreview .quickPreviewModuleHeader {
  padding: 16px 48px 16px 18px !important;
  background: linear-gradient( 135deg, rgba(var(--theme-primary-rgb), 0.10) 0%, rgba(var(--theme-primary-rgb), 0.04) 45%, #ffffff 100% ) !important;
  border-top: 3px solid var(--color-primary) !important;
  border-bottom: 1px solid var(--color-border-light) !important;
}
.quickPreview .quickPreviewModuleHeader .record-header {
  gap: 12px !important;
}
.quickPreview .quickPreviewModuleHeader .recordImage {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  border-radius: 10px !important;
}
.quickPreview .quickPreviewModuleHeader [class*="recordImage"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.quickPreview .quickPreviewModuleHeader .recordImage img.summaryImg {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  filter: none !important;
}
.quickPreview .quickPreviewModuleHeader .recordImage .name span {
  font-size: 15px !important;
}
.quickPreview .quickPreviewModuleHeader .recordBasicInfo {
  width: 100% !important;
}
.quickPreview .quickPreviewModuleHeader .info-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.quickPreview .quickPreviewModuleHeader .info-row [class*="col-"] {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.quickPreview .quickPreviewModuleHeader h4 {
  line-height: 1.35 !important;
}
.quickPreview .quickPreviewModuleHeader .name h4,
.quickPreview .quickPreviewModuleHeader .recordLabel {
  color: var(--color-text) !important;
  height: auto !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.quickPreview .quickPreviewModuleHeader .recordLabel span {
  color: var(--color-text) !important;
}
.quickPreview .quickPreviewModuleHeader .recordBasicInfo span {
  color: var(--color-text-muted) !important;
}
.quickPreview .quickPreviewModuleHeader .fieldLabel span {
  font-size: 11.5px !important;
  color: var(--color-text-muted) !important;
}
.quickPreview .qp-header-controls {
  top: 10px !important;
  right: 10px !important;
  gap: 5px !important;
}
.quickPreview .close {
  top: auto !important;
  right: auto !important;
  z-index: 1 !important;
}
.quickPreview .qp-nav-btn {
  border-radius: 5px !important;
}
.quickPreview .quickPreviewSummary {
  border-bottom: 1px solid var(--color-border-light) !important;
  margin-bottom: 0 !important;
}
.quickPreview .qp-fields-grid {
  display: flex !important;
  flex-direction: column !important;
  border-top: 1px solid var(--color-border-light) !important;
}
.quickPreview .qp-field {
  border-top: 1px solid var(--color-border-light) !important;
}
.quickPreview .qp-field .fieldLabel {
  padding: 11px 12px 11px 16px !important;
  border-right: 1px solid var(--color-border-light) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.quickPreview .qp-field .fieldValue {
  padding: 11px 14px 11px 12px !important;
}
.quickPreview .qp-field .fieldValue .value {
  word-break: break-word !important;
}
#quickPreviewHeader,
.quickPreview #quickPreviewHeader,
div#quickPreviewHeader {
  background: rgba(var(--theme-primary-rgb), 0.045) !important;
  padding: 8px 18px !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.1) !important;
  border-left: 3px solid var(--color-primary) !important;
}
#quickPreviewHeader .title,
div#quickPreviewHeader .title {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.08em !important;
}
.quickPreview #quickPreviewHeader .title {
  font-size: 10.5px !important;
  color: var(--color-primary) !important;
  letter-spacing: 0.08em !important;
}
.quickPreview .engagementsContainer .historyWidgetTimelineModern {
  padding: 6px 16px 12px !important;
}
.quickPreview .engagementsContainer .historyWidgetEntry {
  padding: 9px 0 13px !important;
}
.quickPreview .quickPreviewModuleHeader .recordImage {
  background: rgba(var(--theme-primary-rgb), 0.12) !important;
}
.quickPreview .quickPreviewModuleHeader [class*="recordImage"] {
  background: rgba(var(--theme-primary-rgb), 0.12) !important;
  box-shadow: none !important;
}
.quickPreview .qp-field .fieldLabel {
  background: rgba(var(--theme-primary-rgb), 0.035) !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.quickPreview .quickPreviewComments .commentDetails {
  padding: 14px 16px !important;
}
.quickPreview .quickPreviewComments .comment.col-lg-10,
.quickPreview .quickPreviewComments .col-lg-10.comment {
  width: calc(100% - 46px) !important;
  padding-left: 12px !important;
}
.quickPreview .recentActivitiesContainer {
  background: #ffffff !important;
}
.quickPreview .quickPreviewTimelineFeed {
  padding: 0 !important;
}
.quickPreview .quickPreviewTimelineFeed {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
}
.quickPreview .quickPreviewTimelineBody {
  padding: 6px 16px 10px !important;
}
.quickPreview .quickPreviewUpdatesTimeline {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.quickPreview .quickPreviewUpdatesDayMarker {
  position: relative !important;
  margin: 0 !important;
  padding: 12px 0 8px 36px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #74879b !important;
}
.quickPreview .quickPreviewUpdatesDayMarker::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 14px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #29c07a !important;
  box-shadow: 0 0 0 4px #ffffff !important;
  z-index: 2 !important;
}
.quickPreview .quickPreviewUpdatesDayMarker::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 24px !important;
  bottom: -4px !important;
  width: 2px !important;
  background: linear-gradient(180deg, rgba(41, 192, 122, 0.18) 0%, rgba(36, 93, 154, 0.1) 100%) !important;
}
.quickPreview .quickPreviewUpdatesItem {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  padding: 8px 0 12px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
.quickPreview .quickPreviewUpdatesItem::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: -4px !important;
  bottom: -4px !important;
  width: 2px !important;
  background: rgba(36, 93, 154, 0.12) !important;
}
.quickPreview .quickPreviewUpdatesDayMarker + .quickPreviewUpdatesItem::before {
  top: -10px !important;
}
.quickPreview .quickPreviewUpdatesItem:last-of-type::before {
  bottom: 16px !important;
}
.quickPreview .quickPreviewUpdatesIconWrap {
  position: relative !important;
  z-index: 2 !important;
}
.quickPreview .quickPreviewUpdatesIcon {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #eef5ff 0%, #e3efff 100%) !important;
  box-shadow: 0 8px 14px rgba(46, 120, 255, 0.08) !important;
  overflow: hidden !important;
}
.quickPreview .quickPreviewUpdatesIcon .update_image,
.quickPreview .quickPreviewUpdatesIcon i,
.quickPreview .quickPreviewUpdatesIcon [class*="vicon"],
.quickPreview .quickPreviewUpdatesIcon span {
  font-size: 13px !important;
  line-height: 1 !important;
  color: #2e78ff !important;
}
.quickPreview .quickPreviewUpdatesIcon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.quickPreview .quickPreviewUpdatesIcon--photo {
  background: #e9eff7 !important;
}
.quickPreview .quickPreviewUpdatesIcon.bg-info-modcomments {
  background: linear-gradient(180deg, #eef4ff 0%, #dfeaff 100%) !important;
}
.quickPreview .quickPreviewUpdatesIcon.bg-info-calendar,
.quickPreview .quickPreviewUpdatesIcon.bg-info-events {
  background: linear-gradient(180deg, #edfff7 0%, #dbf9eb 100%) !important;
}
.quickPreview .quickPreviewUpdatesIcon.bg-info-calendar i,
.quickPreview .quickPreviewUpdatesIcon.bg-info-events i,
.quickPreview .quickPreviewUpdatesIcon.bg-info-calendar span,
.quickPreview .quickPreviewUpdatesIcon.bg-info-events span {
  color: #1fab6f !important;
}
.quickPreview .quickPreviewUpdatesContent {
  min-width: 0 !important;
  padding: 0 0 0 0 !important;
}
.quickPreview .quickPreviewUpdatesHeaderRow {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.quickPreview .quickPreviewUpdatesTitle {
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  font-weight: 600 !important;
  color: #203447 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.quickPreview .quickPreviewUpdatesTime {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
  color: #8a9bad !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.quickPreview .quickPreviewUpdatesTime small {
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}
.quickPreview .quickPreviewUpdatesMeta {
  margin-top: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.quickPreview .quickPreviewUpdatesMeta--single {
  gap: 0 !important;
}
.quickPreview .quickPreviewUpdatesMetaLine,
.quickPreview .quickPreviewUpdatesMeta--single {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  color: #66788e !important;
}
.quickPreview .quickPreviewUpdatesMetaLine .field-name {
  color: #203447 !important;
  font-weight: 600 !important;
}
.quickPreview .quickPreviewUpdatesMetaLine em,
.quickPreview .quickPreviewUpdatesMeta--single em {
  font-style: normal !important;
  color: #245d9a !important;
  font-weight: 500 !important;
}
.quickPreview .quickPreviewUpdatesMeta a,
.quickPreview .quickPreviewUpdatesMeta strong {
  color: #245d9a !important;
}
.quickPreview .quickPreviewUpdatesMore {
  padding: 8px 0 0 40px !important;
}
.quickPreview .quickPreviewUpdatesMore .btn {
  background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 100%) !important;
  border: 1px solid #cfdeec !important;
  color: #245d9a !important;
  border-radius: 10px !important;
  padding: 6px 14px !important;
}
.quickPreview .quickPreviewSummary,
.quickPreview .engagementsContainer {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.quickPreview .recentComments,
.quickPreview .summaryWidgetContainer,
.quickPreview .summaryWidgetContainer:not(.noContent),
.quickPreview .commentsBody.container-fluid {
  background: var(--color-card) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.quickPreview .summaryWidgetContainer.noContent {
  padding: 16px !important;
}
.quickPreview .noCommentsMsgContainer.noContent {
  padding: 16px !important;
  color: var(--color-text-muted) !important;
  text-align: center !important;
}
.quickPreview .quickPreviewComments .commentInfoContent,
.quickPreview .noCommentsMsgContainer p,
.quickPreview .summaryWidgetContainer.noContent p {
  color: var(--color-text-muted) !important;
}
.bootbox .modal-footer .btn {
  border-radius: 6px !important;
  padding: 0 18px !important;
}
.importServiceSelectionContainer .menu-item.app-item h4 {
  color: var(--text) !important;
}
#overlayPageContent.in #CustomView input[type="text"] {
  height: 40px !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
#overlayPageContent.in #CustomView .saveButton {
  border-radius: 8px !important;
}
#overlayPageContent.in #CustomView .cancelLink {
  border-radius: 8px !important;
}
.btn.btn-default:not(.hide) {
  padding: 0 14px !important;
  border-radius: var(--view-control-radius) !important;
  border: 1px solid var(--btn-border) !important;
  background: var(--btn-bg) !important;
  color: var(--btn-color) !important;
}
.btn.btn-default:hover {
  background: var(--btn-hover-bg) !important;
  color: var(--btn-hover-color) !important;
}
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active {
  background: var(--btn-hover-bg) !important;
  color: var(--btn-hover-color) !important;
}
.btn-group .btn[id*="Previous"],
.btn-group .btn[id*="Next"] {
  padding: 0 !important;
}
.btn-success,
button.btn-success {
  padding: 7px 16px !important;
}
.filePreview .modal-header .btn {
  padding: 7px 16px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: var(--navy) !important;
}
.modal-body .col-lg-2 > span,
.modal-body .col-sm-2 > span {
  font-size: 12px !important;
  color: var(--color-text-label) !important;
}
.modal-footer a[data-dismiss="modal"] {
  color: var(--color-danger) !important;
}
[data-notify="container"].vt-notification .notificationBody {
  margin: 0 !important;
  padding: 0 34px 0 44px !important;
  color: var(--color-text-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

@media (max-width: 767px) {
  [data-notify="container"].vt-notification .notificationBody {
    padding: 0 28px 0 44px !important;
  }
}
#helpPageOverlay.uiCustomizerOverlay.in {
  width: 540px !important;
  box-shadow: -18px 0 40px rgba(15, 23, 42, 0.16) !important;
  background: #ffffff !important;
}
.select2-container-multi.select2-drop-above.select2-dropdown-open .select2-choices {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.fieldLabel {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.input-group:has(.input-group-addon:not(.input-group-addon-save):not(.input-group-addon-cancel)) input:not(.select2-input):not(.select2-focusser):not(.select2-offscreen):not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.input-group:has(.input-group-addon:not(.input-group-addon-save):not(.input-group-addon-cancel)) input:not(.select2-input):not(.select2-focusser):not(.select2-offscreen):last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.input-group .input-group-addon:not(.inlineAjaxSave):not(.inlineAjaxCancel) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.updates_timeline > li > time,
.updates_timeline > li > .update_time {
  font-size: var(--font-size-sm) !important;
}
.historyWidgetContent {
  padding-top: 6px !important;
}
.historyWidgetTimeline {
  padding: 2px 0 0 !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix, .recentActivitiesContainer .updates_timeline > li:not(#more_button), .quickPreview .updates_timeline > li:not(#more_button), .history .updates_timeline > li:not(#more_button) ) {
  display: grid !important;
  grid-template-columns: var(--activity-icon-column) minmax(0, 1fr) var(--activity-time-column) !important;
  column-gap: var(--activity-row-gap) !important;
  align-items: start !important;
  padding: var(--activity-row-padding) 0 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  border-bottom: 1px solid rgba(36, 93, 154, 0.08) !important;
  position: relative !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix:last-of-type, .recentActivitiesContainer .updates_timeline > li:not(#more_button):last-child, .quickPreview .updates_timeline > li:not(#more_button):last-child, .history .updates_timeline > li:not(#more_button):last-child ) {
  border-bottom-color: transparent !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix, .recentActivitiesContainer .updates_timeline > li:not(#more_button), .quickPreview .updates_timeline > li:not(#more_button), .history .updates_timeline > li:not(#more_button) )::before {
  content: "" !important;
  position: absolute !important;
  left: calc((var(--activity-icon-column) / 2) - 1px) !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: linear-gradient(180deg, transparent 0, var(--activity-line-color) 16px, var(--activity-line-color) calc(100% - 16px), transparent 100%) !important;
  z-index: 0 !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix:first-of-type, .recentActivitiesContainer .updates_timeline > li:not(#more_button):first-child, .quickPreview .updates_timeline > li:not(#more_button):first-child, .history .updates_timeline > li:not(#more_button):first-child )::before {
  background: linear-gradient(180deg, transparent 0, transparent 18px, var(--activity-line-color) 18px, var(--activity-line-color) calc(100% - 16px), transparent 100%) !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix:last-of-type, .recentActivitiesContainer .updates_timeline > li:not(#more_button):last-child, .quickPreview .updates_timeline > li:not(#more_button):last-child, .history .updates_timeline > li:not(#more_button):last-child )::before {
  background: linear-gradient(180deg, transparent 0, var(--activity-line-color) 16px, var(--activity-line-color) 50%, transparent 50%, transparent 100%) !important;
}
:is( .historyWidgetTimeline > .row.entry.clearfix:only-child, .recentActivitiesContainer .updates_timeline > li:not(#more_button):only-child, .quickPreview .updates_timeline > li:not(#more_button):only-child, .history .updates_timeline > li:not(#more_button):only-child )::before {
  display: none !important;
}
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_icon::before,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_icon::after,
.quickPreview .updates_timeline > li:not(#more_button) > .update_icon::before,
.quickPreview .updates_timeline > li:not(#more_button) > .update_icon::after,
.history .updates_timeline > li:not(#more_button) > .update_icon::before,
.history .updates_timeline > li:not(#more_button) > .update_icon::after {
  display: none !important;
}
.historyWidgetTimeline > .row.entry.clearfix > .historyEntryMedia,
.historyWidgetTimeline > .row.entry.clearfix > [class*="col-"]:first-child,
.historyWidgetTimeline > .row.entry.clearfix > .pull-left:first-child,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_icon,
.quickPreview .updates_timeline > li:not(#more_button) > .update_icon,
.history .updates_timeline > li:not(#more_button) > .update_icon {
  grid-column: 1 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 1px 0 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.historyWidgetTimeline > .row.entry.clearfix > .historyEntryContent,
.historyWidgetTimeline > .row.entry.clearfix > [class*="col-"]:nth-child(2),
.historyWidgetTimeline > .row.entry.clearfix > .pull-left:nth-child(2),
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_info,
.quickPreview .updates_timeline > li:not(#more_button) > .update_info,
.history .updates_timeline > li:not(#more_button) > .update_info {
  grid-column: 2 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding: 1px 0 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.historyWidgetTimeline > .row.entry.clearfix > .historyEntryTime,
.historyWidgetTimeline > .row.entry.clearfix > p.pull-right,
.historyWidgetTimeline > .row.entry.clearfix > p.muted,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > time,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_time,
.quickPreview .updates_timeline > li:not(#more_button) > time,
.quickPreview .updates_timeline > li:not(#more_button) > .update_time,
.history .updates_timeline > li:not(#more_button) > time,
.history .updates_timeline > li:not(#more_button) > .update_time {
  grid-column: 3 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
  justify-self: end !important;
  align-self: start !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: var(--color-text-muted) !important;
  white-space: normal !important;
  opacity: 0.88 !important;
}
.historyWidgetTimeline > .row.entry.clearfix > .historyEntryTime small,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > time small,
.recentActivitiesContainer .updates_timeline > li:not(#more_button) > .update_time small,
.quickPreview .updates_timeline > li:not(#more_button) > time small,
.quickPreview .updates_timeline > li:not(#more_button) > .update_time small,
.history .updates_timeline > li:not(#more_button) > time small,
.history .updates_timeline > li:not(#more_button) > .update_time small {
  display: inline-block !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.historyWidgetTimeline .row.entry.clearfix > .historyEntryContent > div:first-child,
.historyWidgetTimeline .row.entry.clearfix > .historyEntryContent > div:first-child > div:first-child,
.recentActivitiesContainer .updates_timeline .update_info > div:first-child,
.recentActivitiesContainer .updates_timeline .update_info > h5:first-child,
.quickPreview .updates_timeline .update_info > div:first-child,
.quickPreview .updates_timeline .update_info > h5:first-child,
.history .updates_timeline .update_info > div:first-child,
.history .updates_timeline .update_info > h5:first-child {
  margin-top: 0 !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent,
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent div,
.recentActivitiesContainer .updates_timeline .update_info,
.quickPreview .updates_timeline .update_info,
.history .updates_timeline .update_info {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent > div + div,
.recentActivitiesContainer .updates_timeline .update_info > div + div,
.quickPreview .updates_timeline .update_info > div + div,
.history .updates_timeline .update_info > div + div {
  margin-top: 3px !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent b,
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent strong,
.recentActivitiesContainer .updates_timeline .update_info .field-name,
.quickPreview .updates_timeline .update_info .field-name,
.history .updates_timeline .update_info .field-name {
  color: var(--color-text) !important;
  font-weight: 600 !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent a,
.recentActivitiesContainer .updates_timeline .update_info a,
.quickPreview .updates_timeline .update_info a,
.history .updates_timeline .update_info a {
  color: #245d9a !important;
  text-decoration: none !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent a:hover,
.recentActivitiesContainer .updates_timeline .update_info a:hover,
.quickPreview .updates_timeline .update_info a:hover,
.history .updates_timeline .update_info a:hover {
  text-decoration: underline !important;
}
.historyWidgetTimeline .row.entry.clearfix .historyEntryContent i,
.recentActivitiesContainer .updates_timeline .update_info em,
.quickPreview .updates_timeline .update_info em,
.history .updates_timeline .update_info em {
  color: #5f6f86 !important;
}
.historyWidgetTimeline .row.entry.clearfix:hover,
.recentActivitiesContainer .updates_timeline > li:not(#more_button):hover,
.quickPreview .updates_timeline > li:not(#more_button):hover,
.history .updates_timeline > li:not(#more_button):hover {
  background: linear-gradient(90deg, rgba(36, 93, 154, 0.03) 0, rgba(36, 93, 154, 0.01) 55%, transparent 100%) !important;
}
.historyWidgetContent {
  padding: 6px 0 0 !important;
}
.historyWidgetEntry {
  padding: 8px 0 12px !important;
}
.historyWidgetEntryIcon {
  background: linear-gradient(180deg, #eef5ff 0%, #dce9ff 100%) !important;
  box-shadow: 0 8px 14px rgba(46, 120, 255, 0.08) !important;
}
.historyWidgetEntryIcon i,
.historyWidgetEntryIcon [class*="vicon"],
.historyWidgetEntryIcon span {
  color: #2e78ff !important;
}
.historyWidgetEntryMain {
  padding-bottom: 12px !important;
}
.importBlockContainer span[name="header_name"] {
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.lineItemTableDiv > .lineItemsTable,
.details.block > .lineItemsTable {
  width: 100% !important;
  border-collapse: collapse !important;
}
.lineItemTableDiv > .lineItemsTable > thead > tr > th.lineItemBlockHeader {
  font-size: 12px !important;
}
.lineItemTableDiv > .lineItemsTable > thead > tr > th.lineItemBlockHeader--actions {
  text-align: right !important;
}
.lineItemTableDiv > .lineItemsTable > thead > tr > th.lineItemBlockHeader--actions .lineItemBlockHeader__label {
  white-space: nowrap;
}
.lineItemTableDiv > .lineItemsTable > thead > tr > th.lineItemBlockHeader--actions .lineItemCreateJob {
  padding: 4px 12px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
td .lineItemJobLink {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 3px 8px;
  background: rgba(var(--theme-primary-rgb), 0.08);
  border: 1px solid rgba(var(--theme-primary-rgb), 0.22);
  border-radius: 4px;
  font-size: 11.5px;
  line-height: 1;
}
td .lineItemJobLink .lineItemJobView {
  color: var(--color-primary, #2563eb) !important;
  font-weight: 600;
  text-decoration: none !important;
}
td .lineItemJobLink .lineItemJobView:hover {
  text-decoration: underline !important;
}
td .lineItemJobLink .lineItemJobEdit {
  color: var(--muted, #64748b) !important;
  margin-left: 2px;
  padding: 2px 4px;
  border-radius: 3px;
  text-decoration: none !important;
  transition: color 0.15s ease, background 0.15s ease;
}
td .lineItemJobLink .lineItemJobEdit:hover {
  color: var(--color-primary, #2563eb) !important;
  background: rgba(var(--theme-primary-rgb), 0.12);
}
td .lineItemJobTitle {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
}
td .lineItemJobTitle .lineItemJobTitle__label {
  font-weight: 700;
  color: var(--color-text, #1f2937);
  word-break: break-word;
}
td .lineItemJobTitle .lineItemJobTitleEdit {
  color: var(--muted, #64748b) !important;
  padding: 2px 4px;
  border-radius: 3px;
  text-decoration: none !important;
  transition: color 0.15s ease, background 0.15s ease;
  flex-shrink: 0;
}
td .lineItemJobTitle .lineItemJobTitleEdit:hover {
  color: var(--color-primary, #2563eb) !important;
  background: rgba(var(--theme-primary-rgb), 0.12);
}
.lineItemTableDiv > .lineItemsTable > tbody > tr + tr > td {
  vertical-align: top !important;
}
.lineItemTableDiv h5 a.fieldValue {
  text-decoration: none !important;
}
.lineItemTableDiv > .lineItemsTable > tbody > tr > td[style*="white-space: nowrap"] > div:first-child {
  font-weight: var(--font-weight-semibold) !important;
}
a.inventoryLineItemDetails {
  text-decoration: none !important;
}
.lineItemTableDiv > .lineItemsTable > tbody > tr > td > div[align="right"] {
  font-weight: var(--font-weight-semibold) !important;
}
.lineItemTableDiv > .lineItemsTable > tbody > tr > td > div[align="right"] ~ div[align="right"] {
  font-weight: normal !important;
}
.details.block > .lineItemsTable tr > td:last-child {
  font-weight: var(--font-weight-semibold) !important;
}
.details.block > .lineItemsTable tr.lineitem-grand-total > td {
  border-top: 2px solid var(--line) !important;
  font-size: 15px !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--color-primary-dark) !important;
}
#lineItemTab .itemNameDiv .row {
  flex-wrap: nowrap !important;
}
#lineItemTab .itemNameDiv .row .col-lg-10 {
  max-width: none !important;
}
#lineItemTab .itemNameDiv .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
#lineItemTab .itemNameDiv .productName.form-control {
  height: 32px !important;
  font-family: var(--font-family) !important;
  color: var(--text) !important;
  border: 1px solid var(--field-border) !important;
  border-radius: 6px !important;
  padding: 5px 10px !important;
  background: var(--color-card) !important;
  box-shadow: none !important;
  width: 100% !important;
}
#lineItemTab .itemNameDiv .productName.form-control:disabled,
#lineItemTab .itemNameDiv .productName.form-control[disabled] {
  color: var(--text) !important;
  opacity: 1 !important;
}
#lineItemTab .itemNameDiv .input-group-addon.clearLineItem {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--color-card) !important;
  color: var(--muted) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
#lineItemTab .itemNameDiv .lineItemPopup {
  cursor: pointer !important;
}
#lineItemTab .itemNameDiv .lineItemPopup i,
#lineItemTab .itemNameDiv .lineItemPopup [class*="vicon"] {
  line-height: 1 !important;
  color: inherit !important;
}
.li-header-controls {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}
.li-control-item {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-shrink: 0 !important;
}
.li-control-item label {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--color-primary-dark) !important;
  white-space: nowrap !important;
  cursor: default !important;
}
.li-control-item .fa-info-circle {
  color: rgba(var(--theme-primary-rgb), 0.55) !important;
  font-size: 12px !important;
}
#lineItemTab {
  border-collapse: collapse !important;
  width: 100% !important;
  font-family: var(--font-family) !important;
}
#lineItemTab .lineItemRow > td {
  vertical-align: top !important;
  background: var(--color-card) !important;
}
#lineItemTab .smallInputBox.inputElement {
  height: 32px !important;
  font-family: var(--font-family) !important;
  color: var(--text) !important;
  border: 1px solid var(--field-border) !important;
  border-radius: 6px !important;
  background: var(--color-card) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
#lineItemTab .lineItemCommentBox {
  font-size: 12px !important;
  font-family: var(--font-family) !important;
  color: var(--text) !important;
  background: var(--color-card) !important;
  box-sizing: border-box !important;
}
.productTotal {
  display: block !important;
  color: var(--text) !important;
}
#lineItemTab .netPrice,
#lineItemTab .purchaseCost,
#lineItemTab .margin {
  display: block !important;
  color: var(--text) !important;
}
.individualDiscount,
.individualTax {
  cursor: pointer !important;
  text-decoration: none !important;
}
#lineItemResult {
  border-collapse: collapse !important;
  width: 100% !important;
  font-family: var(--font-family) !important;
}
#lineItemResult tr > td:has(#grandTotal),
#lineItemResult tr > td:has(.grandTotal) {
  font-weight: var(--font-weight-bold) !important;
}
#lineItemResult input.lineItemInputBox[type="text"] {
  text-align: right !important;
}
#lineItemResult input.lineItemInputBox[readonly] {
  font-weight: var(--font-weight-bold) !important;
}
#lineItemResult strong > a {
  color: var(--color-primary) !important;
}
#lineItemTab td > div:has(.listPrice) .listPrice.smallInputBox {
  display: block !important;
}
.priceBookPopup i {
  color: inherit !important;
}
#lineItemTab td > div[style*="width:150px"] strong {
  color: var(--muted) !important;
}
.lineItemCategoryFilterBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  color: var(--muted, #6b7280);
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.lineItemCategoryFilterBtn:hover {
  color: var(--accent, #2563eb);
  background: rgba(var(--theme-primary-rgb), 0.08);
  border-color: rgba(var(--theme-primary-rgb), 0.18);
}
.lineItemCategoryFilterBtn--active {
  color: var(--accent, #2563eb) !important;
  background: rgba(var(--theme-primary-rgb), 0.10);
  border-color: var(--accent, #2563eb);
}
.lineItemCategoryFilterPopover {
  position: absolute;
  z-index: 1100;
  width: 260px;
  background: #ffffff;
  border: 1px solid var(--line, #e2e6ec);
  border-radius: 10px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
  font-family: var(--font-family);
}
.lineItemCategoryFilterPopover.hide {
  display: none !important;
}
.lineItemCategoryFilterPopover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line, #eef0f3);
  background: var(--bg-alt, #f7f9fc);
  border-radius: 10px 10px 0 0;
}
.lineItemCategoryFilterPopover__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text, #111827);
}
.lineItemCategoryFilterPopover__title .fa {
  color: var(--accent, #2563eb);
}
.lineItemCategoryFilterPopover__close {
  color: var(--muted, #6b7280) !important;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  text-decoration: none !important;
}
.lineItemCategoryFilterPopover__close:hover {
  background: rgba(15, 23, 42, 0.06);
}
.lineItemCategoryFilterPopover__body {
  padding: 12px 14px;
}
.lineItemCategoryFilterPopover__label {
  display: block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-text-label, #525a6b);
}
.lineItemCategoryFilterPopover__select {
  width: 100% !important;
}
.lineItemCategoryFilterPopover__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid var(--line, #eef0f3);
  background: var(--bg-alt, #f7f9fc);
  border-radius: 0 0 10px 10px;
}
.lineItemCategoryFilterPopover__clear,
.lineItemCategoryFilterPopover__apply {
  padding: 5px 14px;
  font-size: 12px;
  border-radius: 6px;
}
#lineItemTab tr > td.costLabel + td,
#lineItemTab tr > td:has( > input.cmargin) {
  display: none !important;
}
.invDetailsPopover.popover {
  min-width: 220px !important;
  max-width: 360px !important;
  padding: 0 !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--view-card-radius) !important;
  background: var(--color-card) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14) !important;
  font-family: var(--font-family) !important;
  color: var(--text) !important;
}
.invDetailsPopover .popover-title {
  padding: 10px 14px !important;
  background: rgba(var(--theme-primary-rgb), 0.08) !important;
  color: var(--color-primary-dark) !important;
  font: 700 12px var(--font-family) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  border-radius: var(--view-card-radius) var(--view-card-radius) 0 0 !important;
}
.invDetailsPopover .popover-content {
  padding: 12px 14px !important;
  font-size: 12.5px !important;
  line-height: 1.7 !important;
  color: var(--text) !important;
  white-space: normal !important;
}
.invDetailsPopover .popover-content {
  font-variant-numeric: tabular-nums;
}
.lineItemPopover.popover {
  max-width: 92vw !important;
}
.lineItemPopover .popover-title {
  padding: 12px 16px !important;
  font: 700 13px var(--font-family) !important;
  text-transform: none !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
}
.lineItemPopover .popupTable {
  width: 100% !important;
}
.lineItemPopover .popupTable td {
  padding: 6px 8px !important;
  border: 0 !important;
  vertical-align: middle !important;
}
.lineItemPopover .popupTable td:first-child {
  color: var(--muted);
}
.lineItemPopover .popupTable td:nth-child(3) {
  width: 1% !important;
  white-space: nowrap;
  text-align: right;
}
.lineItemPopover .popover-content > .actionsDiv,
.lineItemPopover .popover-content > .popoverActions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--line) !important;
}
.lineItemPopover .cancelLink {
  border-radius: 6px !important;
}
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewContentHeader th,
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewHeaders th {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewContentHeader th:first-child,
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewHeaders th:first-child {
  width: 80px !important;
  min-width: 80px !important;
  padding: 0 !important;
  border-right: 1px solid var(--crm-list-border-soft, #f0f4f8) !important;
}
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewContentHeader th:last-child,
:is(table#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) thead tr.listViewHeaders th:last-child {
  border-right: none !important;
}
:is(#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) tr.listViewContentHeader th a.listViewContentHeaderValues,
:is(#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) tr.listViewHeaders th a.listViewContentHeaderValues,
:is(#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) tr.listViewContentHeader th a.noSorting,
:is(#listview-table, #popupModal table.listViewEntriesTable, .popupModal table.listViewEntriesTable) tr.listViewHeaders th a.noSorting,
.relatedContainer tr.listViewContentHeader th a.listViewContentHeaderValues,
.relatedContainer tr.listViewHeaders th a.listViewContentHeaderValues,
.relatedContainer tr.listViewContentHeader th a.noSorting,
.relatedContainer tr.listViewHeaders th a.noSorting {
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
}
.list-switcher-toggle {
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
:is(.btn, .btn-default, .module-buttons, .list-switcher-toggle) :is(i, [class*="vicon"], [class*="fa-"], [class*="glyphicon"], [class*="icon"]) {
  color: inherit !important;
  fill: currentColor !important;
  transition: color 0.15s ease !important;
}
.listViewPageDiv.content-area td.listViewEntryValue .fieldValue .value {
  display: block;
  word-break: break-word !important;
}
.listViewPageDiv.content-area .lv-view-switcher {
  position: relative !important;
  z-index: 30 !important;
}
.listViewPageDiv.content-area .list-switcher-toggle {
  min-width: 210px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  border: 1px solid #d6e1ec !important;
  background: #ffffff !important;
  color: #21384d !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .lv-view-switcher.open .list-switcher-toggle,
.listViewPageDiv.content-area .list-switcher-toggle:hover,
.listViewPageDiv.content-area .list-switcher-toggle:focus {
  border-color: var(--btn-hover-border) !important;
  background: var(--btn-hover-bg) !important;
  color: var(--btn-hover-color) !important;
  box-shadow: var(--btn-hover-shadow) !important;
}
.listViewPageDiv.content-area .list-switcher-menu {
  margin-top: 6px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  border: 1px solid #dbe5ef !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(13, 27, 46, 0.1) !important;
  overflow: visible !important;
  left: 0 !important;
  right: auto !important;
}
.listViewPageDiv.content-area .list-switcher-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border-bottom: 1px solid #ebf1f6 !important;
}
.listViewPageDiv.content-area .list-switcher-tabs > li {
  float: none !important;
  margin: 0 !important;
}
.listViewPageDiv.content-area .list-switcher-tabs > li > a {
  margin: 0 !important;
  padding: 12px 14px !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  color: #6c8094 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.listViewPageDiv.content-area .list-switcher-tabs > li.active > a,
.listViewPageDiv.content-area .list-switcher-tabs > li.active > a:hover,
.listViewPageDiv.content-area .list-switcher-tabs > li.active > a:focus {
  border: none !important;
  border-bottom-color: #2e78ff !important;
  background: transparent !important;
  color: #1e364c !important;
}
.listViewPageDiv.content-area .list-switcher-body {
  padding: 12px !important;
}
.listViewPageDiv.content-area .list-switcher-body > .tab-pane {
  display: none;
}
.listViewPageDiv.content-area .list-switcher-body > .tab-pane.active {
  display: block;
}
.listViewPageDiv.content-area .list-switcher-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
.listViewPageDiv.content-area .list-switcher-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1f3448 !important;
}
.listViewPageDiv.content-area .list-switcher-create {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  border: 1px solid #d8e2ec !important;
  background: #ffffff !important;
  color: #39536b !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .list-switcher-search .search-list,
.listViewPageDiv.content-area .list-switcher-search .search-tag {
  border-radius: 4px !important;
  border: 1px solid #d8e2ec !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area #module-filters .listViewFilter.active {
  box-shadow: inset 2px 0 0 #2e78ff !important;
}
.listViewPageDiv.content-area #module-filters .toggleFilterSize {
  color: #2e78ff !important;
}
.listViewPageDiv.content-area .list-switcher-footer {
  padding-top: 10px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list {
  flex-direction: column !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #23384d !important;
  cursor: pointer !important;
  transition: background 0.16s ease, box-shadow 0.16s ease !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .activeToggleIcon {
  color: #7d93a8 !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag.active .activeToggleIcon {
  color: #2e78ff !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tagLabel {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-weight: 600 !important;
  color: #23384d !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow {
  display: block !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreListTags {
  flex-direction: column;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreTags {
  display: inline-flex !important;
  align-items: center !important;
  color: #2e78ff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreTags.hide {
  display: none !important;
}
.listViewPageDiv.content-area .list-switcher-empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 180px !important;
  padding: 20px !important;
  border: 1px dashed #d7e3ef !important;
  border-radius: 0 !important;
  background: #fbfdff !important;
  color: #7a8ea3 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
}
.listViewPageDiv.content-area .list-switcher-empty.hide {
  display: none !important;
}
.listViewPageDiv.content-area .list-switcher-menu {
  position: absolute !important;
  z-index: 1050 !important;
  width: 396px !important;
}
.listViewPageDiv.content-area .list-switcher-body-single {
  padding: 8px 8px 0 !important;
}
.listViewPageDiv.content-area .list-switcher-menu .ps-scrollbar-x-rail,
.listViewPageDiv.content-area .list-switcher-menu .ps-scrollbar-y-rail,
.listViewPageDiv.content-area .list-switcher-menu .ps-scrollbar-x,
.listViewPageDiv.content-area .list-switcher-menu .ps-scrollbar-y {
  display: none !important;
}
.listViewPageDiv.content-area .list-menu-content > .list-switcher-section {
  margin: 0 !important;
}
.listViewPageDiv.content-area .list-switcher-section-title {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 5px 8px !important;
  line-height: 1.25 !important;
  border: 1px solid #e4ebf3 !important;
  border-radius: 4px !important;
  background: #f6f9fc !important;
}
.listViewPageDiv.content-area .list-switcher-tag-section .list-switcher-section-title {
  background: #eef8f3 !important;
  border-color: #d8e8df !important;
  color: #4c6b5b !important;
}
.listViewPageDiv.content-area .list-switcher-section-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 3px !important;
  scrollbar-width: thin;
  scrollbar-color: #bccbda transparent;
}
.listViewPageDiv.content-area .list-switcher-list-content {
  max-height: 132px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-content {
  max-height: 146px !important;
}
.listViewPageDiv.content-area .list-switcher-section-content::-webkit-scrollbar {
  width: 6px !important;
}
.listViewPageDiv.content-area .list-switcher-section-content::-webkit-scrollbar-track {
  background: transparent !important;
}
.listViewPageDiv.content-area .list-switcher-section-content::-webkit-scrollbar-thumb {
  background: #bccbda !important;
  border-radius: 999px !important;
}
.listViewPageDiv.content-area .list-switcher-section-content::-webkit-scrollbar-thumb:hover {
  background: #9fb2c6 !important;
}
.listViewPageDiv.content-area .list-switcher-section {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #eaf0f6 !important;
}
.listViewPageDiv.content-area .list-switcher-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 6px !important;
}
.listViewPageDiv.content-area .list-switcher-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #6f8398 !important;
}
.listViewPageDiv.content-area .list-switcher-tag-search {
  margin-bottom: 8px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-wrap {
  min-height: auto !important;
  display: block !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 6px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag {
  width: auto !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  border: 1px solid #d9e3ee !important;
  border-bottom: 1px solid #d9e3ee !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag:hover {
  background: #f7fbff !important;
  border-color: #c8d8ea !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag.active {
  background: #eef5ff !important;
  border-color: #cfe0f5 !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .activeToggleIcon {
  font-size: 9px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tagLabel {
  max-width: 160px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .editTag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  color: #6f8398 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.16s ease !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag:hover .editTag,
.listViewPageDiv.content-area .list-switcher-tag-list .tag.active .editTag,
.listViewPageDiv.content-area .list-switcher-tag-list .tag.is-editing .editTag {
  opacity: 1 !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .editTag:hover {
  background: #e8f0fa !important;
  color: #35506b !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag.is-editing {
  width: 100% !important;
  padding: 6px !important;
  border-radius: 8px !important;
  background: #f8fbfe !important;
  border-color: #d7e2ee !important;
}
.listViewPageDiv.content-area .list-switcher-tag-list .tag.is-editing .activeToggleIcon,
.listViewPageDiv.content-area .list-switcher-tag-list .tag.is-editing .tagLabel,
.listViewPageDiv.content-area .list-switcher-tag-list .tag.is-editing > .editTag {
  display: none !important;
}
.listViewPageDiv.content-area .tagInlineEditor {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}
.listViewPageDiv.content-area .tagInlineEditor .editTagInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 30px !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .tagInlineSave {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .tagInlineCancel {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #d7e2ee !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.listViewPageDiv.content-area .tagInlineSave {
  border-color: #2e78ff !important;
  background: #2e78ff !important;
  color: #ffffff !important;
}
.listViewPageDiv.content-area .tagInlineCancel {
  color: #6f8398 !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow {
  width: 100% !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreListTags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 6px !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreListTags.hide {
  display: none !important;
}
.listViewPageDiv.content-area .list-switcher-tag-overflow .moreTags {
  margin-top: 0 !important;
}
.listViewPageDiv.content-area .list-switcher-search {
  margin-bottom: 8px !important;
}
.listViewPageDiv.content-area .list-switcher-search .search-list,
.listViewPageDiv.content-area .list-switcher-search .search-tag {
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}
.listViewPageDiv.content-area .list-switcher-footer {
  margin-top: 8px !important;
  padding: 8px 0 8px !important;
  border-top: 1px solid #e8eef5 !important;
  background: #fbfdff !important;
}
.listViewPageDiv.content-area .list-switcher-footer .createFilterLink {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid #d8e4f0 !important;
  border-radius: 6px !important;
  background: #f5f9ff !important;
  color: #2e78ff !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}
.listViewPageDiv.content-area .list-switcher-footer .createFilterLink:hover,
.listViewPageDiv.content-area .list-switcher-footer .createFilterLink:focus {
  background: #eef5ff !important;
  border-color: #c2d7ef !important;
  color: #215fcf !important;
}
.listViewPageDiv.content-area .list-switcher-footer .createFilterLink .fa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 0 !important;
  border-radius: 999px !important;
  background: #2e78ff !important;
  color: #ffffff !important;
  font-size: 10px !important;
}
.listViewPageDiv.content-area #listview-actions.lv-toolbar,
.relatedContainer .relatedHeader {
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border-radius: var(--view-card-radius) !important;
  background: var(--crm-list-surface) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.045) !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th {
  height: 40px !important;
  padding: 0 14px !important;
  border-top: none !important;
  border-right: 1px solid var(--crm-list-border-soft) !important;
  border-bottom: 1px solid var(--crm-list-border) !important;
  background: var(--crm-list-header-bg) !important;
  color: var(--crm-list-header-color) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  top: 0 !important;
  z-index: 5 !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th:first-child {
  width: 156px !important;
  min-width: 156px !important;
  padding: 0 10px !important;
  border-top-left-radius: 0 !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th:last-child {
  border-top-right-radius: 0 !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th a:is(.listViewContentHeaderValues, .noSorting) {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th :is(.fa-sort, .customsort, .listColumnFilter) {
  color: var(--crm-list-header-color) !important;
  opacity: 0.55 !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr.searchRow th:first-child {
  padding: 8px 12px !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr.searchRow th .btn {
  min-height: 34px !important;
  border-radius: var(--view-control-radius-sm) !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr.searchRow th .btn-success {
  border-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: #ffffff !important;
}
:is(.listViewPageDiv.content-area, .relatedContainer, .relatedContainer .relatedContents, .settingsPageDiv.content-area .listViewPageDiv, #popupModal, .popupModal, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) tr.listViewEntries td {
  font-size: var(--field-font-size) !important;
}
:is(.app-nav .module-action-bar, .module-action-bar, .listViewPageDiv, .listViewContentDiv, #listview-actions, .module-action-content, .relatedContainer, .relatedContents, .relatedHeader, .settingsPageDiv, .popupEntriesDiv) :is(.btn, .btn-default, .btn.btn-default, .btn-primary, .btn.btn-primary, .btn-info, .btn.btn-info, .module-buttons, .addButton, .selectRelation, .list-switcher-toggle, .btn-success[data-trigger="listSearch"], .btn-success[data-trigger="relatedListSearch"], .btn-success[data-trigger="PopupListSearch"], button[data-trigger="listSearch"], button[data-trigger="relatedListSearch"], button[data-trigger="PopupListSearch"], .searchAndClearButton[data-trigger="clearListSearch"]):not(.hide):not(.modal-overlay-footer *),
.detailViewContainer.viewContent :is(.detailViewActionButton, .detailViewPagerButton, .detailTagAddButton):not(.hide),
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .btn:not(.hide) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid var(--crm-list-control-border) !important;
  border-radius: var(--view-control-radius-sm) !important;
  background: var(--crm-list-control-bg) !important;
  color: var(--crm-list-control-color) !important;
  box-shadow: var(--crm-list-control-shadow) !important;
  font-family: var(--font-family) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .table-actions > :is(.btn, .btn-primary, .btn-info, .btn-success):not(.hide),
.detailViewContainer.viewContent .summaryWidgetContainer .widget_header .btn:not(.hide),
.detailViewContainer.viewContent #relatedActivities > .summaryWidgetContainer > .widget_header .btn:not(.hide),
:is(button[data-trigger="listSearch"], button[data-trigger="relatedListSearch"], button[data-trigger="PopupListSearch"], .searchAndClearButton[data-trigger="clearListSearch"]):not(.hide) {
  background: var(--crm-list-control-bg) !important;
}
:is(.app-nav .module-action-bar, .module-action-bar, .listViewPageDiv, .listViewContentDiv, #listview-actions, .module-action-content, .relatedContainer, .relatedContents, .relatedHeader, .settingsPageDiv, .popupEntriesDiv) :is(.btn, .btn-default, .btn.btn-default, .btn-primary, .btn.btn-primary, .btn-info, .btn.btn-info, .module-buttons, .addButton, .selectRelation, .list-switcher-toggle, .btn-success[data-trigger="listSearch"], .btn-success[data-trigger="relatedListSearch"], .btn-success[data-trigger="PopupListSearch"], button[data-trigger="listSearch"], button[data-trigger="relatedListSearch"], button[data-trigger="PopupListSearch"], .searchAndClearButton[data-trigger="clearListSearch"]):not(.hide):not(.modal-overlay-footer *):is(:hover, :focus, :active, .active),
:is(.app-nav .module-action-bar, .module-action-bar, .listViewPageDiv, .listViewContentDiv, #listview-actions, .module-action-content, .relatedContainer, .relatedContents, .relatedHeader, .settingsPageDiv, .popupEntriesDiv) :is(.open, .btn-group.open) > :is(.btn, .btn-default, .btn.btn-default, .btn-primary, .btn.btn-primary, .btn-info, .btn.btn-info, .module-buttons, .addButton, .selectRelation, .list-switcher-toggle).dropdown-toggle:not(.hide),
.detailViewContainer.viewContent :is(.detailViewActionButton, .detailViewPagerButton, .detailTagAddButton):not(.hide):is(:hover, :focus, :active, .active),
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .btn:not(.hide):is(:hover, :focus, :active, .active),
.detailViewContainer.viewContent :is(.open, .btn-group.open) > :is(.btn, .btn-primary, .btn-info, .detailViewActionButton, .detailViewPagerButton, .detailTagAddButton).dropdown-toggle:not(.hide) {
  border-color: var(--crm-list-control-hover-border) !important;
  background: var(--crm-list-control-hover-bg) !important;
  color: var(--crm-list-control-hover-color) !important;
  box-shadow: var(--crm-list-control-hover-shadow) !important;
}
:is(.app-nav .module-action-bar, .module-action-bar, .listViewPageDiv, .listViewContentDiv, #listview-actions, .module-action-content, .relatedContainer, .relatedContents, .relatedHeader, .settingsPageDiv, .popupEntriesDiv) :is(.btn, .btn-default, .btn.btn-default, .btn-primary, .btn.btn-primary, .btn-info, .btn.btn-info, .module-buttons, .addButton, .selectRelation, .list-switcher-toggle, button[data-trigger="listSearch"], button[data-trigger="relatedListSearch"], button[data-trigger="PopupListSearch"], .searchAndClearButton[data-trigger="clearListSearch"]) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg),
.detailViewContainer.viewContent :is(.detailViewActionButton, .detailViewPagerButton, .detailTagAddButton, .summaryWidgetContainer .widget_header .btn, .documentsSummaryWidget > .widget_header .btn, #relatedActivities > .summaryWidgetContainer > .widget_header .btn) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg),
:is(button[data-trigger="listSearch"], button[data-trigger="relatedListSearch"], button[data-trigger="PopupListSearch"], .searchAndClearButton[data-trigger="clearListSearch"]) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg) {
  color: inherit !important;
  fill: currentColor !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th {
  background: var(--crm-list-header-bg) !important;
  color: var(--crm-list-header-color) !important;
  font-family: var(--font-family) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) thead tr:is(.listViewContentHeader, .listViewHeaders) th :is(a, .listViewContentHeaderValues, .noSorting, .customsort, .fa-sort, .listColumnFilter) {
  color: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(.table-actions.listViewRowActions, td.listViewRecordActions, tr.listViewEntries td) :is(.quickView, .markStar, .listViewMoreMenuToggle, .actionImages a, .table-actions > a, .table-actions > .dropdown > .dropdown-toggle, .table-actions > .more.dropdown.action > .dropdown-toggle):not(.hide),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewEntryActions > a:not(.hide),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewEntryActions > button:not(.hide),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewRecordActions .listViewRowActions > span > a:not(.hide),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewRecordActions .listViewRowActions > .more.dropdown.action > .dropdown-toggle:not(.hide),
:is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) :is(.quickView, .markStar, .listViewMoreMenuToggle):not(.hide) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border: 1px solid var(--crm-list-control-border) !important;
  border-radius: var(--view-control-radius-sm) !important;
  background: var(--crm-list-control-bg) !important;
  color: var(--crm-list-control-color) !important;
  fill: currentColor !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: var(--crm-list-control-shadow) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(.table-actions.listViewRowActions, td.listViewRecordActions, tr.listViewEntries td) :is(.quickView, .markStar, .listViewMoreMenuToggle, .actionImages a, .table-actions > a, .table-actions > .dropdown > .dropdown-toggle, .table-actions > .more.dropdown.action > .dropdown-toggle):not(.hide):is(:hover, :focus, :active),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewEntryActions > a:not(.hide):is(:hover, :focus, :active),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewEntryActions > button:not(.hide):is(:hover, :focus, :active),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewRecordActions .listViewRowActions > span > a:not(.hide):is(:hover, :focus, :active),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) .listViewRecordActions .listViewRowActions > .more.dropdown.action > .dropdown-toggle:not(.hide):is(:hover, :focus, :active),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(.listViewMoreMenu.open, .dropdown.open, .more.dropdown.action.open) > :is(.listViewMoreMenuToggle, .dropdown-toggle),
:is(table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) :is(.quickView, .markStar, .listViewMoreMenuToggle):not(.hide):is(:hover, :focus, :active) {
  border-color: var(--crm-list-control-hover-border) !important;
  background: var(--crm-list-control-hover-bg) !important;
  color: var(--crm-list-control-hover-color) !important;
  box-shadow: var(--crm-list-control-hover-shadow) !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv, table#listview-table, table.listViewEntriesTable, table.table, table.listview-table, table.workflow-table) :is(.quickView, .markStar, .listViewMoreMenuToggle, .actionImages a, .table-actions > a, .table-actions > .dropdown > .dropdown-toggle, .table-actions > .more.dropdown.action > .dropdown-toggle) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg),
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv, .popupEntriesDiv) :is(.listViewEntryActions > a, .listViewEntryActions > button, .listViewRecordActions .listViewRowActions > span > a, .listViewRecordActions .listViewRowActions > .more.dropdown.action > .dropdown-toggle, .table-actions > .more.dropdown.action > .dropdown-toggle) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg) {
  color: inherit !important;
  fill: currentColor !important;
}
:is(.listViewPageDiv, .listViewContentDiv, .relatedContainer, .relatedContents, .settingsPageDiv) :is(.table-actions.listViewRowActions, td.listViewRecordActions, tr.listViewEntries td, table#listview-table) .markStar.active {
  border-color: #f1d47a !important;
  background: #fff7da !important;
  color: #c58b11 !important;
}
td.listViewRecordActions .table-actions a,
td.listViewRecordActions .table-actions span.dropdown-toggle,
.settingsPageDiv tr.listViewEntries td:first-child .table-actions > a,
.settingsPageDiv tr.listViewEntries td:first-child .table-actions > .dropdown > .dropdown-toggle,
.settingsPageDiv tr.listViewEntries td:first-child .table-actions > .more.dropdown.action > .dropdown-toggle {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}
td.listViewRecordActions .table-actions a:hover {
  background: var(--crm-list-control-hover-bg) !important;
  color: var(--crm-list-control-hover-color) !important;
}
.table-actions .dropdown-menu > li > a {
  width: auto !important;
  height: auto !important;
}
.table-actions .dropdown-menu > li > a:hover {
  background: rgba(var(--theme-primary-rgb), 0.06) !important;
  color: var(--color-primary-dark) !important;
}
.table-actions .searchAndClearButton.btn.btn-danger:not(.hide):hover {
  background: var(--crm-list-control-hover-bg) !important;
  color: var(--crm-list-control-hover-color) !important;
  box-shadow: var(--crm-list-control-hover-shadow) !important;
}
input.inputElement:not([type="checkbox"]):not([type="radio"]):not(.colorpicker input):not(.lp-field input),
input[type="text"]:not(.select2-input):not(.select2-focusser):not(.colorpicker input):not(.lp-field input),
input[type="email"]:not(.colorpicker input):not(.lp-field input),
input[type="number"]:not(.colorpicker input):not(.lp-field input),
input[type="tel"]:not(.colorpicker input):not(.lp-field input),
input[type="url"]:not(.colorpicker input):not(.lp-field input),
input[type="password"]:not(.colorpicker input):not(.lp-field input),
input[type="search"]:not(.colorpicker input):not(.lp-field input) {
  font-size: 13px !important;
}
.popupModal > .modal-content > .modal-body,
.popupModal #popupPageContainer,
.popupModal #popupContents,
.popupModal #popupContents > .row:last-child,
.popupModal #popupContents > .row:last-child > .col-md-12 {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
.popupModal .popupEntriesDiv {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
.popupModal .popupEntriesDiv .popupEntriesTableContainer,
.popupModal .popupEntriesDiv .bottomscroll-div {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: scroll !important;
  overflow-x: auto !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin;
  scrollbar-color: var(--crm-list-border, #e7eef5) transparent;
  background: var(--crm-list-surface, #ffffff) !important;
}
.popupModal .popupEntriesDiv .popupEntriesTableContainer::-webkit-scrollbar,
.popupModal .popupEntriesDiv .bottomscroll-div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.popupModal .popupEntriesDiv .popupEntriesTableContainer::-webkit-scrollbar-thumb,
.popupModal .popupEntriesDiv .bottomscroll-div::-webkit-scrollbar-thumb {
  background: var(--crm-list-border, #e7eef5);
  border: 2px solid transparent;
  background-clip: padding-box;
  border-radius: 6px;
}
.popupModal .popupEntriesDiv .popupEntriesTableContainer::-webkit-scrollbar-thumb:hover,
.popupModal .popupEntriesDiv .bottomscroll-div::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary, #2563eb);
  background-clip: padding-box;
}
.popupModal .contents-topscroll {
  display: none !important;
}
.fieldValue span {
  color: var(--field-color) !important;
}
.detailViewContainer.viewContent .fieldBlockContainer .fieldValue,
.detailViewContainer.viewContent .fieldBlockContainer .fieldValue .value,
.detailViewContainer.viewContent .fieldBlockContainer .fieldValue .value * {
  font-size: 12px !important;
  line-height: 1.3 !important;
}
.detailUpdatesFeed {
  max-width: 980px !important;
  margin: 0 auto !important;
  background: transparent !important;
}
.detailUpdatesFeed .detailUpdatesFeed {
  max-width: none !important;
  margin: 0 !important;
}
.detailUpdatesBody {
  padding: 4px 0 14px !important;
}
.detailUpdatesTimeline {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.detailUpdatesDayMarker {
  position: relative !important;
  margin: 0 !important;
  padding: 18px 0 10px 166px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #6f8398 !important;
}
.detailUpdatesDayMarker::before {
  content: "" !important;
  position: absolute !important;
  left: 120px !important;
  top: 20px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #2ac07b !important;
  box-shadow: 0 0 0 4px #ffffff !important;
  z-index: 2 !important;
}
.detailUpdatesDayMarker::after {
  content: "" !important;
  position: absolute !important;
  left: 125px !important;
  top: 30px !important;
  bottom: -4px !important;
  width: 2px !important;
  background: linear-gradient(180deg, rgba(42, 192, 123, 0.22) 0%, rgba(36, 93, 154, 0.08) 100%) !important;
}
.detailUpdatesItem {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 92px 48px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  padding: 12px 0 16px !important;
  margin: 0 !important;
  background: transparent !important;
}
.detailUpdatesItem::before {
  content: "" !important;
  position: absolute !important;
  left: 125px !important;
  top: -4px !important;
  bottom: -4px !important;
  width: 2px !important;
  background: rgba(36, 93, 154, 0.12) !important;
}
.detailUpdatesDayMarker + .detailUpdatesItem::before {
  top: -8px !important;
}
.detailUpdatesIconRail {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  justify-content: center !important;
}
.detailUpdatesIcon {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #eef5ff 0%, #dce9ff 100%) !important;
  box-shadow: 0 10px 18px rgba(46, 120, 255, 0.08) !important;
  overflow: hidden !important;
}
.detailUpdatesIcon--photo {
  background: #e9eff7 !important;
}
.detailUpdatesIcon .update_image,
.detailUpdatesIcon i,
.detailUpdatesIcon [class*="vicon"],
.detailUpdatesIcon span {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #2e78ff !important;
}
.detailUpdatesIcon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.detailUpdatesIcon.bg-info-calendar,
.detailUpdatesIcon.bg-info-events {
  background: linear-gradient(180deg, #effff7 0%, #dbf9ea 100%) !important;
}
.detailUpdatesIcon.bg-info-calendar i,
.detailUpdatesIcon.bg-info-events i,
.detailUpdatesIcon.bg-info-calendar span,
.detailUpdatesIcon.bg-info-events span {
  color: #1ca96f !important;
}
.detailUpdatesContent {
  min-width: 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #edf2f7 !important;
}
.detailUpdatesItem:last-of-type .detailUpdatesContent {
  border-bottom-color: transparent !important;
}
.detailUpdatesTitleRow {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
.detailUpdatesTitle {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #203447 !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.detailUpdatesRelativeTime {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  color: #7c90a6 !important;
  white-space: nowrap !important;
}
.detailUpdatesTime {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
  padding-top: 2px !important;
  color: #7c90a6 !important;
  text-align: right !important;
}
.detailUpdatesTimeValue {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #526b84 !important;
  line-height: 1.2 !important;
}
.detailUpdatesTimeMeta {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}
.detailUpdatesMeta {
  margin-top: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.detailUpdatesMeta--single {
  gap: 0 !important;
}
.detailUpdatesMetaLine,
.detailUpdatesMeta--single {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #66788e !important;
}
.detailUpdatesMetaLine .field-name,
.detailUpdatesTitle .field-name {
  color: #203447 !important;
  font-weight: 700 !important;
}
.detailUpdatesMetaLine em,
.detailUpdatesMeta--single em {
  font-style: normal !important;
  color: #245d9a !important;
  font-weight: 500 !important;
}
.detailUpdatesMeta a,
.detailUpdatesTitle a {
  color: #245d9a !important;
  text-decoration: none !important;
}
.detailUpdatesMeta a:hover,
.detailUpdatesTitle a:hover {
  text-decoration: underline !important;
}
.detailUpdatesMore {
  padding: 10px 0 0 164px !important;
}
.detailUpdatesMore .btn {
  background: linear-gradient(180deg, #f6faff 0%, #ffffff 100%) !important;
  border: 1px solid #cfdeec !important;
  border-radius: 10px !important;
  color: #245d9a !important;
  padding: 7px 14px !important;
}
:is( .HistoryContainer .updates_timeline > li:not(#more_button) > .update_icon, .history .updates_timeline > li:not(#more_button) > .update_icon, .updates_timeline > li:not(#more_button) > .update_icon ) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--history-quick-icon-size, 30px) !important;
  height: var(--history-quick-icon-size, 30px) !important;
  min-width: var(--history-quick-icon-size, 30px) !important;
  max-width: var(--history-quick-icon-size, 30px) !important;
  border-radius: var(--history-quick-icon-radius, 8px) !important;
  background: var(--history-quick-icon-bg, var(--color-primary-tint)) !important;
  color: var(--history-quick-icon-fg, var(--color-primary)) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
:is( .HistoryContainer .updates_timeline > li:not(#more_button) > .update_icon, .history .updates_timeline > li:not(#more_button) > .update_icon, .updates_timeline > li:not(#more_button) > .update_icon ) > :is(i, svg, img, .custom-module, [class*="vicon-"], .entryIcon) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  fill: currentColor !important;
  font-size: 13px !important;
  line-height: 1 !important;
  object-fit: contain !important;
}
:is( .HistoryContainer .updates_timeline > li:not(#more_button) > .update_icon, .history .updates_timeline > li:not(#more_button) > .update_icon, .updates_timeline > li:not(#more_button) > .update_icon ) > .custom-module {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
:is( .HistoryContainer .updates_timeline > li:not(#more_button):hover > .update_icon, .history .updates_timeline > li:not(#more_button):hover > .update_icon, .updates_timeline > li:not(#more_button):hover > .update_icon ) {
  background: var(--color-primary) !important;
  color: #ffffff !important;
}
:is( .historyWidgetContent, .recentActivitiesContainer .history, .quickPreview .history, .HistoryContainer, .history ) {
  --activity-line-color: rgba(36, 93, 154, 0.12);
  --activity-icon-column: 38px;
  --activity-time-column: 72px;
  --activity-row-gap: 12px;
  --activity-row-padding: 10px;
}
.detailViewContainer.viewContent > .detailview-content-shell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.detailViewContainer.viewContent .detailview-header-shell {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  padding: 28px 30px 24px !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06) !important;
  margin-bottom: 18px !important;
}
.detailViewContainer.viewContent .detailview-header-row {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}
.detailViewContainer.viewContent .detailViewIdentityColumn {
  margin-bottom: 0 !important;
}
.detailViewContainer.viewContent .detailRecordHeader {
  display: flex !important;
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailRecordImage {
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.detailViewContainer.viewContent .detailRecordImage img,
.detailViewContainer.viewContent .detailRecordImage .summaryImg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.detailViewContainer.viewContent .detailRecordImage .name {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.detailViewContainer.viewContent .detailRecordBasicInfo {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding-top: 2px !important;
}
.detailViewContainer.viewContent .detailRecordTitleRow,
.detailViewContainer.viewContent .detailRecordTitleRow h4 {
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailRecordTitleRow h4 {
  font-weight: 700 !important;
  color: #1f3347 !important;
}
.detailViewContainer.viewContent .detailRecordTitleRow .salutation {
  color: #7b90a5 !important;
  font-weight: 600 !important;
}
.detailViewContainer.viewContent .detailRecordMeta {
  display: flex !important;
  flex-direction: column !important;
}
.detailViewContainer.viewContent .detailRecordFieldRow {
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue {
  padding: 0 !important;
  flex-wrap: wrap !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue > .value {
  font-weight: 500 !important;
  color: #51687f !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue > .value a {
  font-weight: 500 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue > .value a {
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue .action {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin-left: 4px !important;
}
.detailViewContainer.viewContent .detailRecordMapRow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #7188a0 !important;
}
.detailViewContainer.viewContent .detailRecordMapRow .fa {
  color: var(--color-primary) !important;
}
.detailViewContainer.viewContent .detailRecordMapRow a {
  color: var(--color-primary-dark) !important;
  font-weight: 600 !important;
}
.detailViewContainer.viewContent .detailViewActionsToolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
.detailViewContainer.viewContent .detailViewPrimaryActions,
.detailViewContainer.viewContent .detailViewPager {
  float: none !important;
  display: flex !important;
  align-items: center !important;
}
.detailViewContainer.viewContent .detailViewPrimaryActions > .btn,
.detailViewContainer.viewContent .detailViewPager > .btn {
  margin-left: 0 !important;
}
.detailViewContainer.viewContent .detailViewFollowButton {
  min-width: 126px !important;
  border-color: rgba(var(--theme-primary-rgb), 0.18) !important;
  background: rgba(var(--theme-primary-rgb), 0.08) !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailViewFollowButton .starredStatus,
.detailViewContainer.viewContent .detailViewFollowButton .unstarredStatus {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.detailViewContainer.viewContent .detailViewFollowButton.active .starredStatus {
  display: flex !important;
}
.detailViewContainer.viewContent .detailViewFollowButton:not(.active) .unstarredStatus {
  display: flex !important;
}
.detailViewContainer.viewContent .detailViewFollowButton .fa-star,
.detailViewContainer.viewContent .detailViewFollowButton .fa-star-o {
  color: var(--color-primary) !important;
}
.detailViewContainer.viewContent .detailViewActionMenu {
  min-width: 220px !important;
  margin-top: 10px !important;
  padding: 8px !important;
  border-radius: var(--view-card-radius-lg) !important;
  border: 1px solid #dde6ef !important;
  box-shadow: 0 24px 40px rgba(15, 23, 42, 0.12) !important;
}
.detailViewContainer.viewContent .detailViewActionMenu > li > a {
  border-radius: var(--view-card-radius-sm) !important;
  padding: 10px 12px !important;
  color: #334a60 !important;
  font-weight: 500 !important;
}
.detailViewContainer.viewContent .detailViewActionMenu > li > a:hover {
  background: #f5f9fd !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagToolbar {
  display: flex !important;
  flex-direction: column !important;
}
.detailViewContainer.viewContent .detailTagToolbarHeader {
  justify-content: space-between !important;
}
.detailViewContainer.viewContent .detailTagToolbarCopy {
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailTagSectionLabel {
  display: block !important;
}
.detailViewContainer.viewContent .detailTagSectionHint {
  color: #5e748b !important;
}
.detailViewContainer.viewContent .detailTagAddButton {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.detailViewContainer.viewContent .detailTagAddButton:hover {
  background: rgba(var(--theme-primary-rgb), 0.14) !important;
  border-color: rgba(var(--theme-primary-rgb), 0.24) !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagContents {
  display: block !important;
}
.detailShowAllModal .detailTagEmptyState,
.viewAllTagsContainer .detailTagEmptyState {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px dashed #d6e1ec !important;
  border-radius: 999px !important;
  background: #f8fbfe !important;
  color: #7c90a3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.detailViewContainer.viewContent .detailTagEmptyState.hide,
.detailShowAllModal .detailTagEmptyState.hide,
.viewAllTagsContainer .detailTagEmptyState.hide {
  display: none !important;
}
.detailTagPopover .tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
}
.detailViewContainer.viewContent .detailTagList .tagState,
.detailShowAllModal .tagState,
.viewAllTagsContainer .tagState,
.detailTagPopover .tagState {
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  flex: 0 0 12px !important;
}
.detailViewContainer.viewContent .detailTagList .activeToggleIcon {
  color: var(--color-primary) !important;
}
.detailTagPopover .activeToggleIcon {
  font-size: 9px !important;
  color: var(--color-primary) !important;
}
.detailViewContainer.viewContent .detailTagList .tagLabel,
.detailTagPopover .tagLabel {
  color: #2d4359 !important;
}
.detailViewContainer.viewContent .detailTagList .editTag {
  margin-left: 0 !important;
}
.detailShowAllModal .tag:hover .editTag,
.viewAllTagsContainer .tag:hover .editTag {
  opacity: 1 !important;
}
.detailViewContainer.viewContent .detailTagList .editTag:hover {
  background: #ecf3fa !important;
  color: var(--color-primary-dark) !important;
}
.detailTagModalCard,
.detailTagViewAllModal {
  border: 0 !important;
  border-radius: var(--view-card-radius-4xl) !important;
  overflow: hidden !important;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.18) !important;
}
.detailTagModalCard .modal-header,
.detailTagViewAllModal .modal-header {
  border-bottom: 0 !important;
  padding: 22px 24px 0 !important;
}
.detailTagModalCard .modal-title,
.detailTagViewAllModal .modal-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1f3448 !important;
}
.detailTagModalCard .modal-body,
.detailTagViewAllModal .modal-body {
  padding: 24px !important;
}
.detailTagModalLayout {
  display: flex !important;
  flex-wrap: wrap !important;
}
.detailTagModalColumn {
  display: flex !important;
}
.detailTagModalSection {
  width: 100% !important;
  min-height: 100% !important;
  padding: 18px !important;
  border: 1px solid #e0e9f2 !important;
  border-radius: var(--view-card-radius-2xl) !important;
  background: linear-gradient(180deg, #f9fbfe 0%, #f5f8fc 100%) !important;
}
.detailTagModalSectionHeader {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
.detailTagModalTitle {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #253b51 !important;
}
.detailTagModalSubtitle {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  color: #73869a !important;
}
.detailTagModalGroup {
  margin-bottom: 16px !important;
}
.detailTagFieldLabel {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8094a8 !important;
}
.detailTagCurrentScroll {
  max-height: 220px !important;
  overflow: auto !important;
}
.detailTagModalCurrentList {
  min-height: 132px !important;
  padding: 12px !important;
  border: 1px solid #d9e3ee !important;
  border-radius: var(--view-card-radius-lg) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.detailTagDropdown .currentTagSelector,
.detailTagCreateInput,
.detailTagEditorField input {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid #d9e3ee !important;
  border-radius: var(--view-card-radius) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  padding: 0 14px !important;
  color: #30485d !important;
}
.detailTagDropdown .currentTagSelector:focus,
.detailTagCreateInput:focus,
.detailTagEditorField input:focus {
  border-color: rgba(var(--theme-primary-rgb), 0.35) !important;
  box-shadow: 0 0 0 4px rgba(var(--theme-primary-rgb), 0.12) !important;
}
.detailTagVisibilityBox {
  padding: 12px 14px !important;
  border: 1px solid #dce5ef !important;
  border-radius: var(--view-card-radius) !important;
  background: #ffffff !important;
}
.detailTagVisibilityLabel,
.detailTagEditorCheckbox {
  color: #365069 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.detailTagInfoBlock {
  margin-bottom: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.14) !important;
  border-radius: var(--view-card-radius-lg) !important;
  background: linear-gradient(180deg, rgba(var(--theme-primary-rgb), 0.06) 0%, rgba(var(--theme-primary-rgb), 0.02) 100%) !important;
  color: #55718b !important;
}
.detailTagInfoTitle {
  margin: 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #244057 !important;
}
.detailTagInfoBlock > div + div {
  margin-top: 10px !important;
}
.detailTagModalCard .modal-footer,
.detailTagViewAllModal .modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 0 24px 24px !important;
  border-top: 0 !important;
}
.detailTagModalCard .modal-footer .btn,
.detailTagViewAllModal .modal-footer .btn {
  min-width: 124px !important;
  height: 42px !important;
  border-radius: var(--view-card-radius) !important;
}
.detailTagPopover {
  border: 0 !important;
  border-radius: var(--view-card-radius) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10) !important;
}
.detailTagPopover .arrow {
  display: none !important;
}
.detailTagPopover form {
  margin: 0 !important;
}
.detailTagPopover .popover-content {
  padding: 0 !important;
}
.detailViewContainer.viewContent .related-tabs .nav-tabs > :is(li, li.tab-item) > a {
  padding: 0 16px !important;
  border-radius: var(--tab-chip-radius) !important;
  background: #f7fafe !important;
  color: #647a90 !important;
}
.detailViewContainer.viewContent .related-tabs .nav-tabs > :is(li, li.tab-item) > a:hover {
  background: #f1f6fb !important;
  border-color: #d0ddea !important;
  color: #36506a !important;
}
.detailViewContainer.viewContent .related-tabs .nav-tabs > :is(li.active, li.tab-item.active) > a,
.detailViewContainer.viewContent .related-tabs .nav-tabs > :is(li.active, li.tab-item.active) > a:hover {
  background: rgba(var(--theme-primary-rgb), 0.12) !important;
  color: var(--color-primary-dark) !important;
  border-color: rgba(var(--theme-primary-rgb), 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--theme-primary-rgb), 0.08) !important;
}

@media (max-width: 991px) {
  .detailViewContainer.viewContent .detailview-header-shell {
    padding: 22px 18px 18px !important;
  }
  .detailViewContainer.viewContent .detailTagToolbarHeader {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .detailViewContainer.viewContent .detailTagInlinePanel {
    max-width: none !important;
    width: 100% !important;
  }
  .detailViewContainer.viewContent .detailTagInlineFieldRow {
    flex-wrap: wrap !important;
  }
  .detailViewContainer.viewContent .detailTagInlineSave {
    flex: 1 1 auto !important;
  }
  .detailViewContainer.viewContent .fieldBlockContainer .dv-col + .dv-col {
    border-left: 0 !important;
  }
  .detailViewContainer.viewContent .fieldBlockContainer .dv-col {
    border-top: 1px solid #eef3f8 !important;
  }
  .detailViewContainer.viewContent .fieldBlockContainer .dv-row:first-child .dv-col:first-child {
    border-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .detailViewContainer.viewContent .detailRecordHeader {
    flex-direction: column !important;
  }
  .detailViewContainer.viewContent .detailRecordTitleRow h4 {
    font-size: 25px !important;
  }
  .detailTagModalCard .modal-body,
  .detailTagViewAllModal .modal-body {
    padding: 18px !important;
  }
  .detailTagModalCard .modal-footer,
  .detailTagViewAllModal .modal-footer {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }
  .detailTagModalCard .modal-footer .btn,
  .detailTagViewAllModal .modal-footer .btn {
    width: 100% !important;
  }
}
.detailViewContainer.viewContent {
  padding: 0 18px 26px !important;
}
.detailViewContainer.viewContent .detailViewWorkspace {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
}
.detailViewContainer.viewContent .detailViewSidebarArea,
.detailViewContainer.viewContent .detailViewMainArea {
  float: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailViewMainArea {
  flex: 1 1 calc(100% - 360px) !important;
}
.detailViewContainer.viewContent .detailview-header-row,
.detailViewContainer.viewContent .detailViewHeaderMetaRow {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.detailViewContainer.viewContent .detailview-header-row {
  display: block !important;
}
.detailViewContainer.viewContent .detailRecordBasicInfo {
  width: 100% !important;
  gap: 12px !important;
}
.detailViewContainer.viewContent .detailRecordFieldRow {
  display: block !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue > .value,
.detailViewContainer.viewContent .detailRecordFieldValue > .value a {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailViewHeaderMetaRow {
  margin: 18px 0 0 !important;
}
.detailViewContainer.viewContent .detailTagSectionHint {
  margin-top: 4px !important;
}
.detailViewContainer.viewContent .detailTagInlinePanel {
  max-width: none !important;
  width: 100% !important;
}
.detailViewContainer.viewContent .detailViewMainArea .detailview-content-shell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.detailViewContainer.viewContent .detailViewActionBarRow {
  margin: 0 0 16px !important;
}
.detailViewContainer.viewContent .detailViewActionBarRow .detailViewButtoncontainer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.detailViewContainer.viewContent .detailViewActionsToolbar {
  margin-top: 0 !important;
  justify-content: space-between !important;
}
.detailViewContainer.viewContent .detailViewPrimaryActions {
  flex-wrap: wrap !important;
}
.detailViewContainer.viewContent .detailViewPager {
  margin-left: auto !important;
}
.detailViewContainer.viewContent .detailViewPagerButton {
  padding: 0 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li > a {
  padding: 0 16px !important;
  border-radius: var(--view-card-radius-md) !important;
  border: 1px solid transparent !important;
  color: #6a8095 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li > a:hover {
  background: #f4f8fc !important;
  color: #294157 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li.active > a,
.detailViewContainer.viewContent .detailViewTopTabs > li.active > a:hover {
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailViewContentBody {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 991px) {
  .detailViewContainer.viewContent .detailViewWorkspace {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .detailViewContainer.viewContent .detailViewSidebarArea,
  .detailViewContainer.viewContent .detailViewMainArea {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .detailViewContainer.viewContent .detailViewSidebarArea {
    position: static !important;
    top: auto !important;
    margin-bottom: 18px !important;
  }
  .detailViewContainer.viewContent .detailSubTabsList {
    gap: 18px !important;
  }
}
.detailViewContainer.viewContent .detailViewMainArea {
  width: calc(100% - 380px) !important;
  max-width: calc(100% - 380px) !important;
}
.detailViewContainer.viewContent .detailRecordHeader {
  flex-direction: row !important;
  align-items: flex-start !important;
}
.detailViewContainer.viewContent .detailRecordTitleRow .recordLabel,
.detailViewContainer.viewContent .detailRecordTitleRow .recordLabel span {
  display: inline !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.detailViewContainer.viewContent .detailTagSectionLabel {
  margin-bottom: 2px !important;
}
.detailViewContainer.viewContent .detailViewActionBarRow {
  display: flex !important;
  justify-content: flex-end !important;
}
.detailViewContainer.viewContent .detailViewActionsToolbar {
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailViewPrimaryActions {
  flex: 0 1 auto !important;
  justify-content: flex-end !important;
}
.detailViewContainer.viewContent .detailViewPager {
  flex: 0 0 auto !important;
}

@media (max-width: 991px) {
  .detailViewContainer.viewContent .detailViewActionsToolbar {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .detailViewContainer.viewContent .detailViewPrimaryActions {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
  }
}
.detailViewContainer.viewContent .detailRecordTitleRow h4 {
  letter-spacing: -0.01em !important;
}
.detailViewContainer.viewContent .detailRecordMapRow a {
  font-size: 13px !important;
}
.detailViewContainer.viewContent .detailTagSectionHint {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.detailViewContainer.viewContent .detailTagEmptyState {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.detailViewContainer.viewContent .summary-table td.fieldValue .value {
  word-break: normal !important;
}
.detailViewContainer.viewContent .widgetContainer_comments .addCommentBlock .btn-primary.saveComment,
.detailViewContainer.viewContent .widgetContainer_comments .addCommentBlock a.btn-primary,
.detailViewContainer.viewContent .widgetContainer_comments .addCommentBlock button.btn-primary:not(.fileUploadBtn),
.detailViewContainer.viewContent .widgetContainer_comments .fileUploadBtn.btn.btn-sm.btn-primary,
.detailViewContainer.viewContent .widgetContainer_comments .fileUploadContainer .btn-primary {
  height: 28px !important;
  font-size: 11px !important;
  border-radius: var(--view-control-radius) !important;
}

@media (max-width: 1199px) {
  .detailViewContainer.viewContent .detailSummaryPrimaryColumn,
  .detailViewContainer.viewContent .detailSummarySecondaryColumn {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .detailViewContainer.viewContent .detailViewSidebarArea {
    margin-top: 0 !important;
  }
}
.detailViewContainer.viewContent {
  padding-bottom: 18px !important;
}
.detailViewContainer.viewContent .detailRecordHeader {
  gap: 12px !important;
}
.detailViewContainer.viewContent .detailRecordImage {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: var(--view-card-radius-sm) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailRecordImage .name {
  font-size: 22px !important;
}
.detailViewContainer.viewContent .detailRecordTitleRow h4 {
  font-size: 24px !important;
  line-height: 1.2 !important;
}
.detailViewContainer.viewContent .detailRecordMeta {
  gap: 4px !important;
}
.detailViewContainer.viewContent .detailRecordFieldRow {
  margin-bottom: 1px !important;
}
.detailViewContainer.viewContent .detailRecordFieldValue,
.detailViewContainer.viewContent .detailRecordFieldValue > .value,
.detailViewContainer.viewContent .detailRecordFieldValue > .value a {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.detailViewContainer.viewContent .detailRecordMapRow {
  margin-top: 8px !important;
}
.detailViewContainer.viewContent .detailTagContainer {
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #edf2f7 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagToolbar {
  gap: 8px !important;
}
.detailViewContainer.viewContent .detailTagToolbarCopy {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.detailViewContainer.viewContent .detailTagSectionHint {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagAddButton {
  min-height: 28px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.detailViewContainer.viewContent .detailTagAddButton .fa {
  font-size: 11px !important;
}
.detailViewContainer.viewContent .detailTagAddButtonText {
  display: inline !important;
}
.detailShowAllModal .tagState,
.viewAllTagsContainer .tagState,
.detailTagPopover .tagState {
  display: none !important;
}
.detailTagPopover .tag {
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: var(--view-control-radius-sm) !important;
  border: 1px solid #e5ecf3 !important;
  background: #f3f6fa !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagList .tag.active {
  background: #edf5ff !important;
  border-color: #d8e7f8 !important;
}
.detailViewContainer.viewContent .detailTagList .tagLabel {
  font-size: 11px !important;
  font-weight: 700 !important;
}
.detailTagPopover .tagLabel {
  max-width: 128px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.detailViewContainer.viewContent .detailTagList .editTag {
  border-radius: var(--view-card-radius-xs) !important;
}
.detailViewContainer.viewContent .detailViewActionBarRow {
  margin-bottom: 8px !important;
}
.detailViewContainer.viewContent .detailViewActionsToolbar {
  gap: 6px !important;
}
.detailViewContainer.viewContent .detailViewPrimaryActions,
.detailViewContainer.viewContent .detailViewPager {
  gap: 6px !important;
}
.detailViewContainer.viewContent .detailViewPagerButton {
  width: 32px !important;
  min-width: 32px !important;
}
.detailViewContainer.viewContent .detailSubTabsShell {
  margin-top: 0 !important;
}
.detailViewContainer.viewContent .detailSubTabsNav {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--tab-shell-radius) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05) !important;
}
.detailViewContainer.viewContent .detailSubTabsList {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailSubTabsList > li {
  float: none !important;
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailSubTabsList > li > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: var(--view-control-radius) !important;
  background: var(--control-icon-bg) !important;
  color: var(--control-icon-color) !important;
  box-shadow: none !important;
  top: auto !important;
  line-height: 1 !important;
  transition: background-color 0.14s ease, border-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease !important;
}
.detailViewContainer.viewContent .detailSubTabsList > li > a:hover {
  background: var(--color-primary-dark) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
.detailViewContainer.viewContent .detailSubTabsList > li.active > a,
.detailViewContainer.viewContent .detailSubTabsList > li.active > a:hover,
.detailViewContainer.viewContent .detailSubTabsList > li.active > a:focus {
  background: var(--color-primary-dark) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailSubTabsList .tab-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  white-space: nowrap !important;
  color: inherit !important;
}
.detailViewContainer.viewContent .detailSubTabsList .tab-label strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: inherit !important;
  line-height: 1 !important;
}
.detailViewContainer.viewContent .detailViewSidebarArea {
  flex: 0 0 380px !important;
  width: 380px !important;
  max-width: 380px !important;
  align-self: flex-start !important;
  margin-top: 0 !important;
}
.detailViewContainer.viewContent .detailViewSidebarShell {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e4ebf3 !important;
  border-radius: var(--view-card-radius) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}
.detailViewContainer.viewContent .detailViewHeaderTopRow {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap,
.detailViewContainer.viewContent .detailViewHeaderActionsWrap {
  float: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap {
  flex: 0 0 380px !important;
  width: 380px !important;
  max-width: 380px !important;
  padding-top: 6px !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap {
  flex: 1 1 calc(100% - 380px) !important;
  width: calc(100% - 380px) !important;
  max-width: calc(100% - 380px) !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewButtoncontainer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailViewIdentityColumn {
  float: none !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: -2px !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewButtoncontainer {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordHeader {
  align-items: flex-start !important;
  min-height: 72px !important;
  overflow: visible !important;
  gap: 14px !important;
  padding-top: 2px !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordBasicInfo {
  padding-top: 0 !important;
}

@media (max-width: 991px) {
  .detailViewContainer.viewContent .detailViewHeaderTopRow {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .detailViewContainer.viewContent .detailViewHeaderIdentityWrap,
  .detailViewContainer.viewContent .detailViewHeaderActionsWrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .detailViewContainer.viewContent .detailViewHeaderIdentityWrap {
    margin-bottom: 10px !important;
  }
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordImage {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: var(--view-card-radius-lg) !important;
  background: linear-gradient(135deg, rgba(var(--theme-primary-rgb), 0.18) 0%, rgba(var(--theme-primary-rgb), 0.06) 100%) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordBasicInfo {
  min-width: 0 !important;
  gap: 6px !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordTitleRow h4 {
  font-size: 18px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  color: var(--color-text) !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordFieldValue,
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordFieldValue > .value,
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordFieldValue > .value a {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordMapRow {
  margin-top: 4px !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordMapRow a {
  font-size: 13px !important;
  font-weight: 600 !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordImage .name,
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordImage img,
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordImage .summaryImg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordImage .name {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-primary-dark) !important;
  font-size: 24px !important;
}
.detailViewContainer.viewContent .detailViewHeaderIdentityWrap .detailRecordTitleRow .salutation {
  color: #6d8298 !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewButtoncontainer,
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewActionsToolbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewActionsToolbar {
  margin-top: 0 !important;
  margin-left: auto !important;
  gap: 8px !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewPrimaryActions,
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewPager {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewActionButton,
.detailViewContainer.viewContent .detailViewHeaderActionsWrap .detailViewPagerButton {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: var(--view-card-radius-sm) !important;
}
.detailViewContainer.viewContent .detailViewContentBody > .left-block,
.detailViewContainer.viewContent .detailViewContentBody > .detailSummaryPrimaryColumn {
  float: none !important;
  flex: 0 0 34% !important;
  width: 34% !important;
  max-width: 34% !important;
  padding: 0 !important;
}
.detailViewContainer.viewContent .detailViewContentBody > .middle-block,
.detailViewContainer.viewContent .detailViewContentBody > .right-block,
.detailViewContainer.viewContent .detailViewContentBody > .detailSummarySecondaryColumn {
  float: none !important;
  flex: 1 1 calc(66% - 18px) !important;
  width: calc(66% - 18px) !important;
  max-width: calc(66% - 18px) !important;
  padding: 0 !important;
}
.detailViewContainer.viewContent .summaryWidgetContainer {
  background: #ffffff !important;
  border: 1px solid #e4ebf3 !important;
  border-radius: var(--view-card-radius) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04) !important;
}
.detailViewContainer.viewContent .summaryViewHeader {
  background: linear-gradient(180deg, rgba(var(--theme-primary-rgb), 0.12) 0%, rgba(var(--theme-primary-rgb), 0.04) 100%) !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
}
.detailViewContainer.viewContent .summaryWidgetContainer > [class*="widgetContainer_"] > .widget_header,
.detailViewContainer.viewContent #relatedActivities > .summaryWidgetContainer > .widget_header,
.detailViewContainer.viewContent .fieldBlockContainer > .fieldBlockHeader {
  background: linear-gradient(180deg, rgba(var(--theme-primary-rgb), 0.12) 0%, rgba(var(--theme-primary-rgb), 0.04) 100%) !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
}
/* Below the tinted header the fields need the same 18px gap on top as on the other sides. */
.detailViewContainer.viewContent .fieldBlockContainer > .blockData {
  margin-top: 18px !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(var(--theme-primary-rgb), 0.12) 0%, rgba(var(--theme-primary-rgb), 0.04) 100%) !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
  color: var(--color-primary-dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.detailViewContainer.viewContent .detailTagToolbarHeader {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  margin: 0 !important;
  color: var(--color-primary-dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.detailViewContainer.viewContent .summaryViewHeader h4 {
  font-size: 13px !important;
  line-height: 1.2 !important;
  color: var(--color-primary-dark) !important;
  letter-spacing: 0 !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header h4 {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--color-primary-dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.detailViewContainer.viewContent .detailTagSectionLabel {
  margin: 0 !important;
  line-height: 1.2 !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .pull-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  float: none !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .pull-left {
  float: none !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .toggleButton {
  color: rgba(var(--theme-primary-rgb), 0.72) !important;
  margin-right: 2px !important;
}
.detailViewContainer.viewContent .summaryWidgetContainer > [class*="widgetContainer_"] > .widget_header .btn {
  padding: 0 12px !important;
  border-radius: var(--view-control-radius) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  background: rgba(var(--theme-primary-rgb), 0.04) !important;
  color: var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header .btn,
.detailViewContainer.viewContent .detailTagAddButton {
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: var(--view-control-radius) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  background: rgba(var(--theme-primary-rgb), 0.04) !important;
  color: var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent #relatedActivities > .summaryWidgetContainer > .widget_header .btn {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  background: rgba(var(--theme-primary-rgb), 0.04) !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .summaryViewFields .summaryFieldRow {
  border-top: 1px solid var(--color-border-light) !important;
}
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel {
  background: rgba(var(--theme-primary-rgb), 0.035) !important;
  border-right: 1px solid var(--color-border-light) !important;
}
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel label,
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel .muted,
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel label.textOverflowEllipsis,
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel label.muted.textOverflowEllipsis {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel label.muted {
  margin: 0 !important;
  line-height: 1.35 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.detailViewContainer.viewContent .summaryViewFields .summaryFieldValue .value,
.detailViewContainer.viewContent .summaryViewFields .summaryFieldValue .value a {
  line-height: 1.45 !important;
}

@media (max-width: 767px) {
  .detailViewContainer.viewContent .summaryViewFields .summaryFieldLabel {
    border-right: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
  }
}
.detailViewContainer.viewContent .widgetContainer_comments .recentCommentsHeader h4 {
  font-size: 12px !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagChip,
.detailViewContainer.viewContent .detailTagPendingChip {
  border-radius: 999px !important;
}

@media (max-width: 1199px) {
  .detailViewContainer.viewContent .detailViewContentBody > .left-block,
  .detailViewContainer.viewContent .detailViewContentBody > .middle-block,
  .detailViewContainer.viewContent .detailViewContentBody > .right-block,
  .detailViewContainer.viewContent .detailViewContentBody > .detailSummaryPrimaryColumn,
  .detailViewContainer.viewContent .detailViewContentBody > .detailSummarySecondaryColumn {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
.detailViewContainer.viewContent .detailTagContainer {
  margin-top: 0 !important;
}
.detailViewContainer.viewContent .detailTagToolbar {
  border: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
  border-radius: var(--view-card-radius) !important;
  background: var(--color-card) !important;
  overflow: visible !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}
.detailViewContainer.viewContent .detailTagToolbarHeader {
  padding: 10px 12px 6px !important;
  background: transparent !important;
  border-bottom: 0 !important;
}
.detailViewContainer.viewContent .detailTagSectionLabel {
  color: var(--color-primary-dark) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.detailViewContainer.viewContent .detailTagContents {
  position: relative !important;
  padding: 0 12px 12px !important;
  overflow: visible !important;
}
.detailViewContainer.viewContent .detailTagDisplayState {
  display: block !important;
}
.detailViewContainer.viewContent .detailTagContainer.is-editing .detailTagDisplayState {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagChipRow {
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
  min-height: 32px !important;
}
.detailViewContainer.viewContent .detailTagList .tag {
  display: inline-flex !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.15) !important;
  background: rgba(var(--theme-primary-rgb), 0.07) !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagEmptyState {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.15) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagList .moreTags {
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagList .tagState {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagEmptyState {
  border-style: dashed !important;
  background: #ffffff !important;
  color: rgba(var(--theme-primary-rgb), 0.86) !important;
}
.detailViewContainer.viewContent .detailTagList .tagLabel {
  max-width: 120px !important;
}
.detailViewContainer.viewContent .detailTagList .editTag {
  width: 14px !important;
  height: 14px !important;
  color: rgba(var(--theme-primary-rgb), 0.75) !important;
  transition: opacity 0.16s ease, color 0.16s ease !important;
}
.detailViewContainer.viewContent .detailTagTriggerWrap {
  flex: 0 0 auto !important;
}
.detailViewContainer.viewContent .detailTagAddButton.detailTagAddIconButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  border-radius: var(--view-control-radius) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  background: rgba(var(--theme-primary-rgb), 0.06) !important;
  color: var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagAddButton.detailTagAddIconButton.active,
.detailViewContainer.viewContent .detailTagAddButton.detailTagAddIconButton:hover {
  background: var(--control-icon-hover-bg) !important;
  border-color: var(--color-primary) !important;
  color: var(--control-icon-hover-color) !important;
  box-shadow: 0 10px 18px rgba(var(--theme-primary-rgb), 0.2) !important;
}
.detailViewContainer.viewContent .detailTagAddButton.detailTagAddIconButton i {
  font-size: 12px !important;
  line-height: 1 !important;
}
.detailViewContainer.viewContent .detailTagInlineComposer {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  z-index: 25 !important;
  margin-top: 4px !important;
}
.detailViewContainer.viewContent .detailTagInlineComposer.hide {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlinePanel {
  margin-top: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
  border-radius: var(--view-card-radius) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10) !important;
}
.detailViewContainer.viewContent .detailTagInlineFieldRow {
  display: block !important;
  position: relative !important;
}
.detailViewContainer.viewContent .detailTagInlineInput,
.detailTagPopover .detailTagInlineInput {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: var(--view-control-radius) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  background: #ffffff !important;
  color: var(--color-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.detailViewContainer.viewContent .detailTagInlineInput:focus,
.detailTagPopover .detailTagInlineInput:focus {
  border-color: rgba(var(--theme-primary-rgb), 0.42) !important;
  box-shadow: 0 0 0 4px rgba(var(--theme-primary-rgb), 0.10) !important;
}
.detailViewContainer.viewContent .detailTagInlineSuggestionsWrap {
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailTagInlineSuggestions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  max-height: 164px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailTagInlineSuggestionsWrap.hide {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagSuggestionItem {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.14) !important;
  background: rgba(var(--theme-primary-rgb), 0.09) !important;
  color: var(--color-primary-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease !important;
}
.detailViewContainer.viewContent .detailTagSuggestionItem:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.28) !important;
  background: rgba(var(--theme-primary-rgb), 0.16) !important;
  color: var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagSuggestionItem.is-selected {
  border-color: rgba(var(--theme-primary-rgb), 0.22) !important;
  background: rgba(var(--theme-primary-rgb), 0.14) !important;
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagSuggestionItem:disabled,
.detailViewContainer.viewContent .detailTagSuggestionItem.is-saving {
  opacity: 0.65 !important;
  cursor: wait !important;
}
.detailViewContainer.viewContent .detailTagSuggestionItem.is-public {
  background: rgba(var(--theme-primary-rgb), 0.15) !important;
}
.detailViewContainer.viewContent .detailTagSuggestionDot {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagSuggestionLabel {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.detailViewContainer.viewContent .detailTagInlineSuggestionsEmpty {
  display: block !important;
  margin-top: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.detailViewContainer.viewContent .detailTagInlineSuggestionsEmpty.hide {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlineDismiss,
.detailTagPopover .detailTagInlineDismiss {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.14) !important;
  border-radius: var(--view-control-radius) !important;
  background: #ffffff !important;
  color: var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagInlineDismiss:hover,
.detailTagPopover .detailTagInlineDismiss:hover {
  border-color: rgba(var(--theme-primary-rgb), 0.22) !important;
  background: rgba(var(--theme-primary-rgb), 0.1) !important;
}
.detailViewContainer.viewContent .detailTagInlineFooterRow,
.detailTagPopover .detailTagInlineFooterRow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.detailViewContainer.viewContent .detailTagInlineSelectedWrap,
.detailTagPopover .detailTagInlineSelectedWrap {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.18) !important;
  border-radius: var(--view-control-radius) !important;
  background: #ffffff !important;
}
.detailViewContainer.viewContent .detailTagInlineSelected {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.detailViewContainer.viewContent .detailTagInlineSelectedEmpty {
  font-size: 11px !important;
  color: rgba(var(--theme-primary-rgb), 0.72) !important;
}
.detailViewContainer.viewContent .detailTagInlineSelectedEmpty.hide {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlineActions,
.detailTagPopover .detailTagInlineActions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
.detailViewContainer.viewContent .detailTagInlineSave,
.detailTagPopover .detailTagInlineSave {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: 999px !important;
  background: var(--color-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagInlineSave:hover:not(:disabled),
.detailTagPopover .detailTagInlineSave:hover:not(:disabled) {
  background: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagInlineSave:disabled,
.detailTagPopover .detailTagInlineSave:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.detailViewContainer.viewContent .detailTagSelectedChip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
  background: rgba(var(--theme-primary-rgb), 0.10) !important;
  color: var(--color-primary-dark) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.detailViewContainer.viewContent .detailTagSelectedChip.is-public {
  background: rgba(var(--theme-primary-rgb), 0.16) !important;
}
.detailViewContainer.viewContent .detailTagSelectedLabel {
  max-width: 132px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.detailViewContainer.viewContent .detailTagSelectedRemove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(var(--theme-primary-rgb), 0.78) !important;
  box-shadow: none !important;
}
.detailViewContainer.viewContent .detailTagSelectedRemove:hover {
  color: var(--color-primary-dark) !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateWrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateWrap.hide {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateCopy {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateLabel {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateName {
  display: inline !important;
  max-width: 132px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.detailViewContainer.viewContent .detailTagInlineCreateHint {
  font-size: 11px !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.detailViewContainer.viewContent .detailTagInlineVisibility,
.detailTagPopover .detailTagInlineVisibility {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--color-primary-dark) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.detailViewContainer.viewContent .detailTagInlineVisibility input[type="checkbox"],
.detailTagPopover .detailTagInlineVisibility input[type="checkbox"] {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .detailViewContainer.viewContent .detailTagInlineFooterRow,
  .detailTagPopover .detailTagInlineFooterRow {
    flex-wrap: wrap !important;
  }
  .detailViewContainer.viewContent .detailTagInlineActions,
  .detailTagPopover .detailTagInlineActions {
    width: 100% !important;
    justify-content: flex-end !important;
  }
}
.detailViewContainer.viewContent .detailTagAddButton.active {
  border-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: #ffffff !important;
}
.detailViewContainer.viewContent .detailTagEditor,
.detailTagPopover .detailTagEditor {
  width: 236px !important;
  max-width: calc(100vw - 32px) !important;
  padding: 10px !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
  border-radius: var(--view-card-radius) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10) !important;
  overflow: visible !important;
}
.detailViewContainer.viewContent .detailTagEditorHeader,
.detailTagPopover .detailTagEditorHeader,
.detailViewContainer.viewContent .detailTagEditorTitle,
.detailTagPopover .detailTagEditorTitle,
.detailViewContainer.viewContent .detailTagEditorSubtitle,
.detailTagPopover .detailTagEditorSubtitle {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagEditorBody,
.detailTagPopover .detailTagEditorBody {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
}
.detailViewContainer.viewContent .detailTagEditorField input,
.detailTagPopover .detailTagEditorField input {
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailTagEditorVisibility,
.detailTagPopover .detailTagEditorVisibility {
  display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailTagEditorVisibility .checkbox,
.detailTagPopover .detailTagEditorVisibility .checkbox {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailTagEditorCheckbox,
.detailTagPopover .detailTagEditorCheckbox {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  color: var(--color-primary-dark) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
.detailViewContainer.viewContent .detailTagEditorCheckbox input[type="checkbox"],
.detailTagPopover .detailTagEditorCheckbox input[type="checkbox"] {
  margin: 0 !important;
  position: static !important;
  float: none !important;
  flex: 0 0 auto !important;
  vertical-align: middle !important;
}
.detailViewContainer.viewContent .detailTagEditorCheckbox span,
.detailTagPopover .detailTagEditorCheckbox span {
  display: inline-block !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
}
.detailViewContainer.viewContent .detailTagEditorFooter,
.detailTagPopover .detailTagEditorFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}
.detailViewContainer.viewContent .detailTagEditorActions,
.detailTagPopover .detailTagEditorActions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
.detailViewContainer.viewContent .detailTagEditorFooter button,
.detailTagPopover .detailTagEditorFooter button {
  appearance: none !important;
  flex: 0 0 auto !important;
}
.detailViewContainer.viewContent .detailTagEditorFooter button span,
.detailTagPopover .detailTagEditorFooter button span {
  display: none !important;
}
.detailViewContainer.viewContent .detailTagEditorFooter button i,
.detailTagPopover .detailTagEditorFooter button i {
  font-size: 12px !important;
}

@media (max-width: 767px) {
  .detailViewContainer.viewContent .detailTagToolbar {
    border-radius: var(--view-card-radius-sm) !important;
  }
  .detailViewContainer.viewContent .detailTagEditor {
    width: 100% !important;
  }
}
.detailViewContainer.viewContent .documentsSummaryWidget > .widget_header {
  position: relative !important;
  padding-left: 18px !important;
}
.detailViewContainer.viewContent .detailViewTopTabsIconStart::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 1px !important;
  background: #e8eef5 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] > a {
  border: 0 !important;
  background: transparent !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] > a:hover {
  background: transparent !important;
  border: 0 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li.active > a,
.detailViewContainer.viewContent .detailViewTopTabs > li.active > a:hover {
  background: transparent !important;
  border: 0 !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] .tab-icon,
.detailViewContainer.viewContent .detailViewTopTabsIconItem .tab-icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
}
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] .tab-icon i,
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] .tab-icon [class*="vicon"],
.detailViewContainer.viewContent .detailViewTopTabs > li[data-module] .tab-icon svg,
.detailViewContainer.viewContent .detailViewTopTabsIconItem .tab-icon i,
.detailViewContainer.viewContent .detailViewTopTabsIconItem .tab-icon [class*="vicon"],
.detailViewContainer.viewContent .detailViewTopTabsIconItem .tab-icon svg {
  font-size: 14px !important;
}
.detailViewContainer.viewContent .detailViewTopTabsIconItem.active .tab-icon i {
  color: var(--control-icon-hover-color) !important;
}
.detailViewContainer.viewContent .related-tabs .nav-tabs > li.detailViewTopTabsTextItem > a {
  border: 0 !important;
  background: var(--control-icon-bg) !important;
  color: var(--control-icon-color) !important;
}
.detailViewContainer.viewContent .detailViewTopTabsTextItem > a {
  color: var(--control-icon-color) !important;
}
.detailViewContainer.viewContent .detailViewTopTabsTextItem > a:hover,
.detailViewContainer.viewContent .detailViewTopTabsTextItem.active > a,
.detailViewContainer.viewContent .detailViewTopTabsTextItem.active > a:hover {
  color: var(--control-icon-hover-color) !important;
}
.detailViewContainer.viewContent .documentsSummaryWidgetContainer,
.detailViewContainer.viewContent .documentsSummaryWidget,
.detailViewContainer.viewContent .documentsSummaryWidget .widget_header {
  overflow: visible !important;
}
.detailViewContainer.viewContent .documentsSummaryWidgetContainer,
.detailViewContainer.viewContent .documentsSummaryWidget {
  position: relative !important;
  z-index: 4 !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget .widget_header {
  position: relative !important;
  z-index: 6 !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget .widget_contents {
  position: relative !important;
  z-index: 1 !important;
  padding: 0 !important;
  background: #ffffff !important;
}
.detailViewContainer.viewContent .documentsSummaryActionIcon {
  font-size: 12px !important;
}
.detailViewContainer.viewContent .documentsSummaryActionLabel {
  line-height: 1 !important;
}
.detailViewContainer.viewContent .documentsSummaryActionCaret {
  margin-left: -1px !important;
}
.detailViewContainer.viewContent .summaryWidgetContainer .widgetContainer_documents .dropdown-menu > li > a {
  background: transparent !important;
  color: var(--text) !important;
}
.relatedContainer .relatedHeader .doc-add-menu > li > a {
  display: flex !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--text) !important;
  font-weight: 500 !important;
  transition: background 0.12s ease, color 0.12s ease !important;
}
.relatedContainer .relatedHeader .doc-add-menu > li > a:hover,
.relatedContainer .relatedHeader .doc-add-menu > li > a:focus {
  background: rgba(var(--theme-primary-rgb, 0,120,212), 0.08) !important;
  color: var(--color-primary-dark, var(--color-primary)) !important;
}
.detailViewContainer.viewContent .documentsSummaryHead,
.detailViewContainer.viewContent .documentsSummaryRow {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}
.detailViewContainer.viewContent .documentsSummaryHead {
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid #edf2f7 !important;
}
.detailViewContainer.viewContent .documentsSummaryHead strong {
  display: block !important;
  color: #8a9caf !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.detailViewContainer.viewContent .documentsSummaryRow {
  padding: 10px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.detailViewContainer.viewContent .documentsSummaryRow:last-of-type {
  border-bottom: 0 !important;
}
.detailViewContainer.viewContent .documentsSummaryCol {
  min-width: 0 !important;
}
.detailViewContainer.viewContent .documentsSummaryPrimaryLink,
.detailViewContainer.viewContent .documentsSummaryFileName {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.detailViewContainer.viewContent .documentsSummaryPrimaryLink {
  color: #23384d !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.detailViewContainer.viewContent .documentsSummaryPrimaryLink:hover {
  color: var(--color-primary-dark) !important;
  text-decoration: underline !important;
}
.detailViewContainer.viewContent .documentsSummaryFileName {
  color: #6a7f93 !important;
  font-size: 12px !important;
}
.detailViewContainer.viewContent .documentsSummaryColActions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget .widget_contents > .summaryWidgetContainer.noContent {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.detailViewContainer.viewContent .documentsSummaryWidget .widget_contents > .summaryWidgetContainer.noContent p {
  padding: 24px 18px !important;
  margin: 0 !important;
  color: #7a8ea2 !important;
  text-align: center !important;
}
.related-tabs .nav-tabs > :is(li.active, li.tab-item.active) > a {
  color: var(--tab-chip-active-text, var(--control-icon-hover-color)) !important;
  background: var(--tab-chip-active-bg, var(--control-icon-hover-bg)) !important;
}
.related-tabs .nav-tabs > :is(li.active, li.tab-item.active) > a:hover,
.related-tabs .nav-tabs > :is(li.active, li.tab-item.active) > a:focus {
  color: var(--tab-chip-active-text, var(--control-icon-hover-color)) !important;
  background: var(--tab-chip-active-bg, var(--control-icon-hover-bg)) !important;
  border-color: var(--tab-chip-active-bg, var(--control-icon-hover-border)) !important;
}
.related-tabs .tab-label strong {
  color: inherit !important;
}
.related-tabs .tab-icon i {
  font-size: 15px !important;
  color: var(--control-icon-color) !important;
}
.related-tabs .tab-icon > img {
  width: 16px !important;
  height: 16px !important;
}
.dvtCellInfo span {
  font-size: 13px !important;
  color: var(--text) !important;
}
.summaryWidgetContainer:not(.noContent) {
  border: 1px solid var(--line) !important;
  border-radius: var(--view-card-radius) !important;
  box-shadow: 0 1px 4px rgba(28,43,58,0.05) !important;
}
.summaryWidgetContainer .widget_header h4 {
  line-height: 1 !important;
}
.summaryWidgetContainer .widget_header .btn.btn-default.addButton {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: var(--color-card) !important;
  height: 26px !important;
  padding: 0 10px !important;
}
.summaryWidgetContainer .widget_header .btn.btn-default.addButton:hover {
  background: rgba(255,255,255,0.22) !important;
  color: var(--color-card) !important;
}
.summaryWidgetContainer .summaryViewEntries a {
  color: var(--text) !important;
  text-decoration: none !important;
}
.summaryWidgetContainer .summaryViewEntries a:hover {
  color: var(--accent) !important;
  text-decoration: underline !important;
}
.widgetContainer_comments .widget_header h4 {
  line-height: 1 !important;
}
.widgetContainer_comments .fileUploadBtn.btn.btn-sm.btn-primary {
  height: 30px !important;
  font-size: 12px !important;
  background: var(--btn-bg) !important;
  border: 1px solid var(--btn-border) !important;
  color: var(--btn-color) !important;
  box-shadow: var(--btn-shadow) !important;
}
.widgetContainer_comments .fileUploadBtn.btn.btn-sm.btn-primary:hover {
  background: var(--btn-hover-bg) !important;
  color: var(--btn-hover-color) !important;
}
.detailViewContainer.viewContent :is(.detailViewTopTabsIconItem > a, .detailViewTopTabs > li[data-module] > a) {
  padding: 0 3px !important;
  background: transparent !important;
  color: var(--control-icon-color) !important;
}
.detailViewContainer.viewContent :is(.detailViewTopTabsIconItem .tab-icon, .detailViewTopTabs > li[data-module] .tab-icon, .related-tabs .tab-icon) {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}
.detailViewContainer.viewContent :is(.detailViewTopTabsIconItem .tab-icon, .detailViewTopTabs > li[data-module] .tab-icon, .related-tabs .tab-icon) :is(i, .fa, [class*="vicon"], [class*="glyphicon"], [class*="icon"], svg) {
  font-size: 14px !important;
}
.detailViewContainer.viewContent :is(.detailViewTopTabsTextItem > a, .related-tabs .nav-tabs > li.detailViewTopTabsTextItem > a) {
  min-height: var(--tab-chip-height) !important;
  height: var(--tab-chip-height) !important;
  padding: 0 var(--tab-chip-padding-x) !important;
  border: 1px solid var(--tab-chip-border) !important;
  border-radius: var(--tab-chip-radius) !important;
  background: var(--tab-chip-bg) !important;
  color: var(--tab-chip-text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
.detailViewContainer.viewContent :is(.detailViewTopTabsTextItem > a:hover, .detailViewTopTabsTextItem.active > a, .related-tabs .nav-tabs > li.detailViewTopTabsTextItem > a:hover, .related-tabs .nav-tabs > li.detailViewTopTabsTextItem.active > a) {
  border-color: var(--tab-chip-active-bg) !important;
  background: var(--tab-chip-active-bg) !important;
  color: var(--tab-chip-active-text) !important;
}
.detailview-header-block .record-header {
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 4px 0 !important;
}
.detailview-header-block .record-header .recordImage {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  max-width: 62px !important;
  max-height: 62px !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}
.detailview-header-block .record-header .recordImage .name span {
  font-size: 24px !important;
  color: #fff !important;
}
.detailview-header-block .record-header .recordBasicInfo h4 {
  font-size: 22px !important;
  margin: 0 0 5px !important;
  line-height: 1.2 !important;
  color: var(--color-text) !important;
}
.detailview-header-block .record-header .recordBasicInfo .info-row a {
  color: var(--color-text-muted) !important;
  line-height: 1.65 !important;
}
.detailview-header-block .record-header .recordBasicInfo .info-row a:hover {
  color: var(--color-primary) !important;
}
.quickCreateContent .ev-col .fieldLabel {
  padding: 0 !important;
  background: transparent !important;
}
.quickCreateContent .ev-col .fieldValue {
  padding: 0 !important;
}
.editViewContents table.table tbody tr:nth-of-type(odd) td:not(.measure-grid td) {
  background: var(--color-card) !important;
}
.editViewContents table.table tbody tr:nth-of-type(even) td:not(.measure-grid td) {
  background: var(--color-row-alt) !important;
}
.editViewContents td.fieldLabel {
  font-weight: 600 !important;
  color: rgba(var(--theme-primary-rgb), 0.84) !important;
}
.editViewContents .ev-field-wrap .fieldValue input.inputElement:not([type='checkbox']):not([type='radio']),
.editViewContents .ev-field-wrap .fieldValue textarea.inputElement {
  box-sizing: border-box !important;
}
.editViewContents .fieldBlockContainer .fieldBlockHeader {
  background: linear-gradient(180deg, rgba(var(--theme-primary-rgb), 0.12) 0%, rgba(var(--theme-primary-rgb), 0.04) 100%) !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb), 0.16) !important;
}
.editViewContents .fieldBlockContainer > .blockData {
  margin-top: 18px !important;
}
.ev-col .fieldValue .input-group input.inputElement:not([type='checkbox']):not([type='radio']):not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group.inputElement {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon-right,
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon:first-child:not(:last-child) {
  width: auto !important;
  min-width: 32px !important;
  max-width: none !important;
  padding: 0 8px !important;
  border-left: 1px solid var(--field-border) !important;
  border-right: none !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  cursor: default !important;
}
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon-right:hover,
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon:first-child:not(:last-child):hover {
  background: var(--color-surface-input) !important;
  color: var(--muted) !important;
  border-left-color: var(--field-border) !important;
  border-right: none !important;
}
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon-right ~ input.inputElement.currencyField,
:is(.editViewContents td.fieldValue, .editViewContents .ev-field-wrap .fieldValue, .ev-col .fieldValue) .input-group .input-group-addon:first-child:not(:last-child) ~ input.inputElement.currencyField {
  border-left: none !important;
  border-right: 1px solid var(--field-border) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
#massEditContainer .ev-col .fieldLabel,
#massEdit .ev-col .fieldLabel {
  gap: 6px !important;
}
.editViewPageDiv input[type="checkbox"],
.editViewPageDiv input[type="radio"],
#massEditContainer input[type="checkbox"],
#massEditContainer input[type="radio"] {
  -moz-appearance: none;
  border: 2px solid #aab3c2;
}
.editViewPageDiv input[type="checkbox"]:not(:disabled):hover,
.editViewPageDiv input[type="radio"]:not(:disabled):hover,
#massEditContainer input[type="checkbox"]:not(:disabled):hover,
#massEditContainer input[type="radio"]:not(:disabled):hover {
  border-color: var(--color-primary, #1560BD);
}
.editViewPageDiv input[type="checkbox"]:checked,
#massEditContainer input[type="checkbox"]:checked {
  border-color: var(--color-primary, #1560BD);
}
.editViewPageDiv .ap-switch input[type="checkbox"],
.editViewPageDiv .switch-toggle input[type="checkbox"],
.ap-switch input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  border: 0;
  margin: 0;
  background: none;
  box-shadow: none;
}
.editViewPageDiv .ap-switch input[type="checkbox"]::after,
.editViewPageDiv .ap-switch input[type="checkbox"]::before,
.ap-switch input[type="checkbox"]::after,
.ap-switch input[type="checkbox"]::before {
  content: none;
}
.fieldBlockContainer input[type="checkbox"] {
  margin:0 4px 0 0;
}
.fieldBlockContainer input[type="checkbox"]:hover {
  border-color:#f7941e !important;
}
.fieldBlockContainer input[type="checkbox"]:checked {
  background-color:#f7941e !important;
  border-color:#f7941e !important;
}
.fileUploadContainer .fileUploadBtn {
  background-color:#f7941e !important;
  border-color:#f7941e !important;
  border-radius:6px !important;
}
.fileUploadContainer .fileUploadBtn span,
.fileUploadContainer .fileUploadBtn i {
  color:#fff !important;
}
.layoutContent .blockFieldsList .dummyRow .addButton {
  border-radius:6px;
  border:1px solid var(--primary,#f7941e);
  color:var(--primary,#f7941e);
}
.layoutContent .blockFieldsList .dummyRow .addButton:hover,
.layoutContent .blockFieldsList .dummyRow .addButton:focus {
  background:var(--primary,#f7941e);
  border-color:var(--primary,#f7941e);
}
#layoutEditorContainer .nav-tabs.massEditTabs > li > a:hover,
#layoutEditorContainer .nav-tabs.massEditTabs > li > a:focus {
  color:#f7941e !important;
  border-bottom-color:rgba(247,148,30,.35) !important;
}
#layoutEditorContainer .nav-tabs.massEditTabs > li.active > a,
#layoutEditorContainer .nav-tabs.massEditTabs > li.active > a:hover,
#layoutEditorContainer .nav-tabs.massEditTabs > li.active > a:focus {
  color:#f7941e !important;
  border-bottom:2px solid #f7941e !important;
}
.pageModuleHeader > .module-action-bar h4 {
  line-height: 20px !important;
}
.pageModuleHeader > .module-action-bar .current-filter-name a {
  font-weight: 500 !important;
  color: var(--ds-brand) !important;
}
.pageModuleHeader > .module-action-bar .current-filter-name.settingModuleName a {
  color: var(--text) !important;
  font-weight: 600 !important;
}
.pageModuleHeader > .module-action-bar .container-fluid {
  background: transparent !important;
}
nav.navbar.app-fixed-navbar .logout-footer a {
  padding: 11px 10px !important;
  color: #5A6472 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
nav.navbar.app-fixed-navbar .logout-footer a:hover {
  background: rgba(var(--theme-primary-rgb), 0.08) !important;
  color: var(--accent) !important;
}

/* Dashboard (dashboard.css) */
.dashBoardContainer .dashboardTabSortHandle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--color-text-muted);
  cursor: grab;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s;
}
.dashBoardContainer .dashboardTabSortHandle:hover {
  background: var(--color-primary-tint);
  color: var(--color-primary);
}
.dashBoardContainer .widgetsList {
  max-height: 70vh;
  overflow-y: auto;
}

/* Kanban view (KanbanView.css) */
input.kanban-search-input:hover {
  border-bottom-color: #b5bcc5 !important;
}
input.kanban-search-input:focus {
  border-bottom-color: var(--theme-primary, #1560BD) !important;
}
.kanban-search-submit {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 40px !important;
  padding: 0 22px !important;
  background: var(--theme-primary, #1560BD) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
.kanban-search-submit i,
.kanban-search-submit .fa {
  font-size: 13px !important;
  line-height: 1 !important;
}
.kanban-search-submit:hover {
  background: var(--theme-primary-hover, #114c95) !important;
  box-shadow: 0 2px 6px rgba(21, 96, 189, 0.18) !important;
}
.kanban-search-submit:active {
  transform: translateY(1px);
}
.kanban-search-submit:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(var(--theme-primary-rgb, 21, 96, 189), 0.30) !important;
}

/* Mail Manager (mailmanager.css) */
#mmEnvelopeOpenIcon {
  width: 13px;
  padding-bottom: 2px;
  filter: brightness(10);
}

/* Pages whose module header is a strip in the top bar (Reports, Recycle Bin, PDFMaker...) start below it; the dashboard hides its strip. */
body:has(nav.app-fixed-navbar .app-nav .module-action-bar):not(:has(.dashBoardContainer)) div#page {
  padding-top: 105px !important;
}