@charset 'UTF-8';@import url("https://resources.connect.trimble.com/1.14.0/fonts/icon-font.min.css");@import "https://resources.connect.trimble.com/1.24.0/fonts/icon-font.min.css";@import "https://resources.connect.trimble.com/1.24.0/css/style-w-grid.min.css";.ai-assistant-column {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0.5rem;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.ai-assistant-column .button.icon-medium {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
}

.ai-assistant-column .trimble-assistant-icon {
  margin: 0;
}

.ai-assistant-col {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
  width: 64px !important;
  z-index: 2;
  background-color: inherit;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-bottom: inherit;
}

/* Replicate the header icon hover and active properties manually since they are locked in the Navbar's shadow DOM */
tc-button.assistant-icon {
  border-radius: 50% !important;
  overflow: hidden !important;
}

tc-button.assistant-icon:hover {
  background-color: #e2e2e7 !important; /* GRAY_1 from Trimble palette */
}

tc-button.assistant-icon[state="active"] {
  background-color: #d0d0d7 !important; /* GRAY_2 from Trimble palette */
}

/* Force internal Modus button backgrounds to be transparent so the circular host background shows through cleanly */
tc-button.assistant-icon::part(button),
tc-button.assistant-icon .button,
tc-button.assistant-icon button {
  background-color: transparent !important;
}
#office_frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: none;
  display: block;
}.ReactVirtualized__Grid {
  overflow: visible !important;
}

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.column-select-menu.select-menu .name {
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: flex-start !important;
}
.column-select-menu.select-menu .name > div {
  max-width: unset !important;
}
.column-select-menu.select-menu .dropdown-pane {
  min-width: auto !important;
}
.column-select-menu.select-menu .dropdown-pane .dropdown-list li {
  padding-left: 1.5rem !important;
}
.column-select-menu.select-menu .dropdown-pane .dropdown-list li.group-title.h6 {
  padding-left: 1rem !important;
  min-height: 2rem;
  pointer-events: none;
  color: #363545 !important;
  font-size: 0.687rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.0625rem !important;
}
.column-select-menu.select-menu .dropdown-pane .dropdown-list li.group-title.h6:hover {
  background: none !important;
}
.column-select-menu.select-menu .sort-icon {
  position: absolute;
  left: 0.3rem;
}

#column-picker-options .dropdown-list li.group-title.h6 {
  padding-left: 1rem !important;
  min-height: 2rem;
  pointer-events: none;
  color: #363545 !important;
  font-size: 0.687rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.0625rem !important;
}
#column-picker-options .dropdown-list li.group-title.h6:hover {
  background: none !important;
}

/* CommonTableRsCol row outline fix */
.ReactVirtualized__Table__row {
  outline-style: none;
}.office-btn {
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  margin-left: 1rem;
}

.explorer-container .multiselect-menu {
  display: flex;
}

.object-type-tag {
  margin-top: 0.25rem;
}

.ai-assistant-column-grid {
  margin-left: auto;
  margin-right: -6px;
}
.ai-assistant-column-grid .ai-assistant-column {
  width: auto;
  padding-right: 0;
}@media (max-width: 767px) {
  #folderPermissions .reveal {
    display: flex !important;
    flex-direction: column !important;
  }
  #folderPermissions .reveal .scroll-section {
    flex: 1 !important;
    overflow-y: auto !important;
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  #folderPermissions .reveal {
    min-width: 34rem !important;
    height: min(50rem, 100dvh - 4rem) !important;
    max-height: calc(100dvh - 4rem) !important;
    display: flex !important;
    flex-direction: column !important;
  }
  #folderPermissions .reveal .scroll-section {
    flex: 1 !important;
    overflow-y: auto !important;
    min-height: 0 !important;
  }
}
.folder-permission-container {
  padding-top: 1.5rem;
}
.folder-permission-container .input-group.tags {
  margin-bottom: 0;
}
.folder-permission-container .action-required-banner {
  background-color: #ffdfe0;
  border: 1px solid #d52a33;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.folder-permission-container .action-required-banner .action-required-text {
  display: flex;
  flex-direction: column;
}
.folder-permission-container .action-required-banner .action-required-text .action-required-label {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #d52a33;
}
.folder-permission-container .action-required-banner .action-required-text .action-required-message {
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #333;
}
.folder-permission-container .action-required-banner .migrate-button {
  background-color: #d52a33;
  color: white;
  border: none;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  cursor: pointer;
}
.folder-permission-container .action-required-banner .migrate-button:hover {
  background-color: #b9252d;
  color: white;
}
.folder-permission-container .action-required-banner.warning {
  background-color: #fff8e1;
  border-color: #ffc107;
}
.folder-permission-container .action-required-banner.warning .action-required-text .action-required-label {
  color: #b7860b;
}
.folder-permission-container .selected-permissions-wrapper {
  margin-top: 2rem;
}
.folder-permission-container .selected-permissions-wrapper .permissions-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  .folder-permission-container .selected-permissions-wrapper .permissions-header-row {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .folder-permission-container .selected-permissions-wrapper .permissions-header-row .remove-all-wrapper {
    flex: 1;
  }
  .folder-permission-container .selected-permissions-wrapper .permissions-header-row .remove-all-wrapper .left-section {
    justify-content: space-between;
  }
  .folder-permission-container .selected-permissions-wrapper .permissions-header-row .inherit-section-wrapper {
    width: 100%;
  }
}
.folder-permission-container .selected-permissions-wrapper .remove-all-wrapper .left-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.folder-permission-container .selected-permissions-wrapper .remove-all-wrapper .left-section .with-access-label {
  font-weight: 600;
}
.folder-permission-container .selected-permissions-wrapper .remove-all-wrapper .left-section .remove-all {
  font-weight: 600;
  color: #009ad9;
  font-size: 0.75rem;
  cursor: pointer;
}
.folder-permission-container .selected-permissions-wrapper .inherit-section-wrapper .inherit-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.folder-permission-container .selected-permissions-wrapper .inherit-section-wrapper .inherit-section .inherit-checkbox {
  display: flex;
  align-items: center;
}
.folder-permission-container .selected-permissions-wrapper .inherit-section-wrapper .inherit-section .inherit-label {
  font-size: 0.875rem;
  color: #666;
  margin: 0;
  cursor: pointer;
}
.folder-permission-container .selected-permissions-wrapper .inherit-section-wrapper .inherit-section .info-icon {
  font-size: 0.875rem;
  color: #07599b;
  cursor: help;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  background: #fff;
  margin-top: 0.625rem;
  padding: 0.625rem;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .no-permissions-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-height: 8rem;
  color: gray;
  margin: 0;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions {
  flex: 1;
  background-color: white;
  overflow: auto;
  padding: 0.3125rem !important;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group {
  border-radius: 0.25rem;
  padding: 0.5rem 0.3125rem;
  background-color: #f9f9fb;
  margin-bottom: 0.5rem;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items {
  background-color: #f9f9fb;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item {
  background-color: #f9f9fb;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .permission-body {
  flex: 1;
  min-width: 0;
  display: contents;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .permission-top-row {
  display: contents;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .permission-name {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .permission-remove-btn {
  flex-shrink: 0;
  order: 99;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .dropdownpane-link {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items .dropdown-list {
  max-width: 100% !important;
}
@media (max-width: 480px) {
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item {
    align-items: flex-start;
  }
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item .chips {
    flex-shrink: 0;
    margin-top: 0.25rem;
  }
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item .permission-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    gap: 0.125rem;
  }
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item .permission-top-row {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
  }
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item .permission-name {
    flex: 1;
    min-width: 0;
  }
  .folder-permission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-permissions .list-item.group .group-items.permission-item .permission-remove-btn {
    flex-shrink: 0;
    order: unset;
  }
}
.folder-permission-container .selected-permissions-wrapper .inherited-permissions-header-item {
  border: none !important;
  background-color: transparent !important;
  padding: 0.3125rem 0.3125rem 0.25rem 0.3125rem !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.folder-permission-container .selected-permissions-wrapper .inherited-permissions-header-item.with-separator {
  border-top: 1px solid #e2e2e7 !important;
  margin-top: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.folder-permission-container .selected-permissions-wrapper .inherited-permissions-header-item.no-separator {
  border-top: none !important;
  margin-top: 0.125rem !important;
}
.folder-permission-container .selected-permissions-wrapper .inherited-permissions-header-item .inherited-permissions-header .inherited-permissions-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #8c8b96;
  margin-bottom: 0;
}
.folder-permission-container .selected-permissions-wrapper .list-item.group.inherited {
  border-radius: 0.25rem;
  padding: 0.5rem 0.3125rem;
  background-color: #f9f9fb;
  margin-bottom: 0.5rem;
  opacity: 0.7;
}
.folder-permission-container .selected-permissions-wrapper .list-item.group.inherited .group-items.inherited-item {
  background-color: #f9f9fb;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.folder-permission-container .selected-permissions-wrapper .list-item.group.inherited .group-items.inherited-item .inherited-chip {
  background-color: #e2e2e7;
  color: #8c8b96;
  flex-shrink: 0;
}
.folder-permission-container .selected-permissions-wrapper .list-item.group.inherited .group-items.inherited-item .inherited-name {
  color: #8c8b96;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.folder-permission-container .selected-permissions-wrapper .list-item.group.inherited .group-items.inherited-item .inherited-access-display {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  background-color: #e2e2e7;
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #8c8b96;
  border: 1px solid #f3f3f7;
  white-space: nowrap;
  flex-shrink: 0;
}
.folder-permission-container .apply-subfolders-section {
  margin-top: 2.5rem;
  padding-top: 1rem;
}
.folder-permission-container .apply-subfolders-section .apply-subfolders-row {
  display: flex;
  align-items: center;
}
.folder-permission-container .apply-subfolders-section .apply-subfolders-row .apply-subfolders-checkbox {
  margin-right: 0.5rem;
}

.dropdown-pane {
  margin-top: 0.6875rem;
  margin-left: -0.3125rem;
}

#folderPermissions .scroll-section {
  display: flex !important;
  flex-direction: column !important;
}
#folderPermissions .folder-permission-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#folderPermissions .folder-permission-container .users-groups-list-header {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#folderPermissions .folder-permission-container .users-groups-list-header .list.selected-permissions {
  flex: 1;
  overflow-y: auto;
  max-height: none;
}
#folderPermissions .folder-permission-container .users-groups-list-header .no-permissions-msg {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#folderPermissions .input-group.tags {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
#folderPermissions .selected-permissions-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}#objectPermissions.reveal,
#objectPermissions .reveal {
  min-width: 31rem !important;
  max-width: 31rem !important;
  width: 31rem !important;
  min-height: 35rem !important;
  max-height: 90vh !important;
}
#objectPermissions.reveal > header p,
#objectPermissions .reveal > header p {
  white-space: normal !important;
  word-break: break-word;
  word-wrap: break-word;
  text-overflow: initial !important;
  overflow: visible !important;
  max-width: 100%;
  line-height: 1.4;
  margin: 0.5rem 0 0 0;
}

#objectPermissions .input-group.tags {
  border-bottom: none;
}.marketplace-page {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.marketplace-page .trimble-plugin-host {
  width: 100%;
  height: 100%;
}
.marketplace-page .trimble-plugin-host iframe {
  border: 0;
  display: block;
  width: 100%;
  margin-top: -56px;
  height: calc(100% + 56px);
}
.marketplace-page__loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/static/gif/ajax-loader.BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url('/static/svg/slick.BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
._accessLevelDropdown_500ag_1 .dropdown-pane {
  min-width: 6rem;
  width: 6rem;
  box-shadow: 0 2px 4px #979797;
}
._accessLevelDropdown_500ag_1 .dropdown-pane .list-item.selected,
._accessLevelDropdown_500ag_1 .dropdown-pane .list-item:hover {
  background-color: #eaeaef;
}#issueSharingModal.reveal,
#issueSharingModal .reveal {
  min-width: 29.5rem !important;
  max-width: 29.5rem !important;
  width: 29.5rem !important;
  min-height: 40.3125rem !important;
  max-height: 90vh !important;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 39.9375em) {
  #issueSharingModal.reveal,
  #issueSharingModal .reveal {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}
@media screen and (max-height: 44rem) and (min-width: 40em) {
  #issueSharingModal.reveal,
  #issueSharingModal .reveal {
    min-height: 0 !important;
  }
}

#issueSharingModal .scroll-section {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}
#issueSharingModal .input-group.tags {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

#issueSharingModal--embedded {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#issueSharingModal--embedded .reveal, #issueSharingModal--embedded.reveal {
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
#issueSharingModal--embedded .scroll-section {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}
#issueSharingModal--embedded .input-group.tags {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
#issueSharingModal--embedded .filepermission-container,
#issueSharingModal--embedded .issue-sharing-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  padding: 0.5rem 0;
  overflow: hidden;
}

#issueSharingModal .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header,
#issueSharingModal--embedded .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header {
  height: 11rem;
  max-height: 11rem;
  min-height: 0;
  flex-shrink: 0;
  overflow: hidden;
}
#issueSharingModal .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header.batch-permissions-list,
#issueSharingModal--embedded .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header.batch-permissions-list {
  height: auto;
  max-height: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
}
@media screen and (max-width: 39.9375em) {
  #issueSharingModal .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header,
  #issueSharingModal--embedded .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header {
    height: auto;
    max-height: 100%;
    flex: 1 1 auto;
  }
  #issueSharingModal .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header.batch-permissions-list,
  #issueSharingModal--embedded .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header.batch-permissions-list {
    height: auto;
    max-height: 100%;
  }
}

.issue-sharing-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}
.issue-sharing-container .selected-permissions-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.issue-sharing-container .selected-permissions-wrapper .remove-all-wrapper {
  flex-shrink: 0;
}
.issue-sharing-container .selected-permissions-wrapper .remove-all-wrapper .remove-all {
  cursor: pointer;
}
.issue-sharing-container .selected-permissions-wrapper .remove-all-wrapper .remove-all:hover {
  text-decoration: underline;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  max-height: 100%;
  overflow-y: auto;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions.with-inherited-permissions, .issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions.without-inherited-permissions {
  height: auto !important;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .list-item.group .group-items > .chips.non-editable.circle {
  width: 2rem !important;
  min-width: 2rem;
  max-width: 2rem;
  padding: 0;
  flex-shrink: 0;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission-hr {
  flex-shrink: 0;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list {
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper {
  flex: 1 1 auto;
  min-width: 0;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .name-list {
  display: inline;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .inherited-tag {
  display: inline;
  font-size: 0.75rem;
  color: #8c8b96;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .lock-icon {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: #8c8b96;
  margin-right: 0;
}
.issue-sharing-container .selected-permissions-wrapper .users-groups-list-header .inherited-permission .parent-folder-permission-list .access-chip {
  flex-shrink: 0;
}
.issue-sharing-container .batch-sharing-note {
  margin-top: 0.5rem;
  color: #6b6b7a;
}

@media screen and (max-width: 39.9375em) {
  #issueSharingModal .selected-permissions-wrapper {
    overflow: hidden;
  }
  #issueSharingModal .selected-permissions-wrapper .users-groups-list-header {
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  #issueSharingModal .list.selected-file-permissions {
    overflow-x: hidden;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group {
    padding: 0;
    background-color: #f1f5f9;
    border-radius: 0.25rem;
    margin-bottom: 0.375rem;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
    grid-row-gap: 0;
    row-gap: 0;
    align-items: center;
    padding: 0.375rem 0.5rem !important;
    background-color: #f1f5f9;
    min-width: 0;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > .chips {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: center;
    flex-shrink: 0;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > .block {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    min-width: 0;
    margin-right: 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    justify-self: start;
    min-width: 0;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) .dropdown-pane-container {
    margin: 0;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) .name.dropdownpane-link {
    font-size: 0.75rem;
    color: #252a2e;
    padding: 0;
    min-height: 0;
  }
  #issueSharingModal .list.selected-file-permissions .list-item.group .group-items > .button.icon-circle {
    grid-column: 3;
    grid-row: 1/span 2;
    align-self: center;
    justify-self: end;
  }
  #issueSharingModal .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    white-space: normal;
  }
  #issueSharingModal .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .name-list {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #issueSharingModal .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .inherited-tag {
    display: block;
    font-size: 0.75rem;
    color: #8c8b96;
    line-height: 1.2;
  }
  #issueSharingModal .parent-folder-permission-list .access-chip {
    border-radius: 0.9375rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    color: gray;
    border: 1px solid gray;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
  }
}
#issueSharingModal--embedded .selected-permissions-wrapper {
  overflow: hidden;
}
#issueSharingModal--embedded .selected-permissions-wrapper .users-groups-list-header {
  height: auto !important;
  max-height: 16rem !important;
  overflow: hidden !important;
}
#issueSharingModal--embedded .list.selected-file-permissions {
  overflow-x: hidden;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group {
  padding: 0;
  background-color: #f1f5f9;
  border-radius: 0.25rem;
  margin-bottom: 0.375rem;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
  grid-row-gap: 0;
  row-gap: 0;
  align-items: center;
  padding: 0.375rem 0.5rem !important;
  background-color: #f1f5f9;
  min-width: 0;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > .chips {
  grid-column: 1;
  grid-row: 1/span 2;
  align-self: center;
  flex-shrink: 0;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > .block {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  min-width: 0;
  margin-right: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  min-width: 0;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) .dropdown-pane-container {
  margin: 0;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > div:nth-child(3) .name.dropdownpane-link {
  font-size: 0.75rem;
  color: #252a2e;
  padding: 0;
  min-height: 0;
}
#issueSharingModal--embedded .list.selected-file-permissions .list-item.group .group-items > .button.icon-circle {
  grid-column: 3;
  grid-row: 1/span 2;
  align-self: center;
  justify-self: end;
}
#issueSharingModal--embedded .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
}
#issueSharingModal--embedded .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .inherited-tag {
  display: block;
  font-size: 0.75rem;
  color: #8c8b96;
  line-height: 1.2;
}
#issueSharingModal--embedded .parent-folder-permission-list .access-chip {
  border-radius: 0.9375rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  color: gray;
  border: 1px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}.leftpanel-content-header .input-button-group .line {
  bottom: -1px;
}

.file-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.file-viewer.leftpanel-content.panel {
  box-shadow: none;
  margin-left: 0;
  max-width: 100%;
}
.file-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .document-details {
  flex: 1;
  padding: 1rem;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .document-details .document-detail-group {
  margin: 0.5rem 0;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .document-details .document-detail-group label {
  font-size: 0.75rem;
  color: #6a6976;
  display: block;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .document-details .document-detail-group .value {
  font-size: 0.875rem;
  color: #363545;
  font-weight: 400;
}
.file-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .document-details .office-btn {
  margin-left: 0;
}
.file-viewer.leftpanel-content .leftpanel-content-body .document-comments-container {
  max-height: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}
.file-viewer.leftpanel-content .leftpanel-content-body .document-comments-container .sub-section h5 {
  padding: 0 0.5rem;
}
.file-viewer.leftpanel-content .leftpanel-content-footer {
  border-top: 1px solid #ccc;
}.revisions-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.revisions-viewer.leftpanel-content .leftpanel-content-header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
}
.revisions-viewer.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: column;
  flex-grow: 1 !important;
}
.revisions-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-block {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  position: inherit;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item {
  display: flex;
  align-items: center;
  border-left: 2px solid transparent;
  padding: 0.75rem 0;
  cursor: pointer;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item div {
  margin: 0 0.35rem 0 1rem;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item .version {
  min-width: 2.5rem;
  height: 2.5rem;
  background-color: #0c77be;
  color: #ffffff;
  border-radius: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item .detail-block {
  flex: 1;
  overflow: hidden;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item .detail-block span {
  font-size: 0.75rem;
  color: #6a6976;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item .detail-block span.title {
  font-size: 100%;
  color: unset;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item.show-bottom-dropdown:last-child .dropdown-pane-container .dropdown-pane, .revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item.show-bottom-dropdown:nth-last-child(2) .dropdown-pane-container .dropdown-pane {
  bottom: 100%;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item:hover {
  background-color: #f3f3f7;
}
.revisions-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .revision-item.active {
  border-left: 0.25rem solid #0c77be;
  background-color: #e5f0f8;
}
.revisions-viewer.leftpanel-content .leftpanel-content-footer {
  padding: 1rem;
  box-shadow: 0 0 0.06rem rgba(54, 53, 69, 0.2), 0.12rem 0.12rem 0.5rem rgba(54, 53, 69, 0.3);
}


/* Expand style.css imports excluding trimble-font.css */

/* Unset the icon size to make them scalable by default */
.icon-font {
  width: unset;
  height: unset;
}

/* ... except the animated ones that do not scale */
.icon-font.tc-icon-spinner-light, .icon-font.tc-icon-spinner-dark {
  width: 1.5rem;
  height: 1.5rem;
}

[class^="trimble-icon-"], [class*=" trimble-icon-"] {
  font-family: 'tcw_svg' !important; /* Fall back to icon-font's familiy.*/
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.trimble-icon-line-3D-component-16-32-64:before {
  content: "\e901";
}
.trimble-icon-line-3D-isometric-16-32-64:before {
  content: "\e902";
}
.trimble-icon-line-3D-left-16-32-64:before {
  content: "\e903";
}
.trimble-icon-line-3D-perspective-16-32-64:before {
  content: "\e904";
}
.trimble-icon-line-3D-right-16-32-64:before {
  content: "\e905";
}
.trimble-icon-line-3D-top-16-32-64:before {
  content: "\e906";
}
.trimble-icon-line-accuracy-16-32-64:before {
  content: "\e907";
}
.trimble-icon-line-accuracy-24-48-96:before {
  content: "\e908";
}
.trimble-icon-line-arrow-down-16-32-64:before {
  content: "\e909";
}
.trimble-icon-line-arrow-down-24-48-96:before {
  content: "\e90a";
}
.trimble-icon-line-arrow-up-16-32-64:before {
  content: "\e90b";
}
.trimble-icon-line-arrow-up-24-48-96:before {
  content: "\e90c";
}
.trimble-icon-line-assistance-16-32-64:before {
  content: "\e90d";
}
.trimble-icon-line-assistance-24-48-96:before {
  content: "\e90e";
}
.trimble-icon-line-barcode-16-32-64:before {
  content: "\e90f";
}
.trimble-icon-line-barcode-24:before {
  content: "\e910";
}
.trimble-icon-line-bluetooth-16-32-64:before {
  content: "\e911";
}
.trimble-icon-line-bluetooth-24-48-96:before {
  content: "\e912";
}
.trimble-icon-line-bluetooth-active-16-32-64:before {
  content: "\e913";
}
.trimble-icon-line-bluetooth-active-24-48-96:before {
  content: "\e914";
}
.trimble-icon-line-cart-16-32-64:before {
  content: "\e915";
}
.trimble-icon-line-cart-24-48-96:before {
  content: "\e916";
}
.trimble-icon-line-chevron-down-16-32-64:before {
  content: "\e917";
}
.trimble-icon-line-chevron-down-24-48-96:before {
  content: "\e918";
}
.trimble-icon-line-chevron-left-16-32-64:before {
  content: "\e919";
}
.trimble-icon-line-chevron-left-24-48-96:before {
  content: "\e91a";
}
.trimble-icon-line-chevron-right-16-32-64:before {
  content: "\e91b";
}
.trimble-icon-line-chevron-right-24-48-96:before {
  content: "\e91c";
}
.trimble-icon-line-chevron-up-16-32-64:before {
  content: "\e91d";
}
.trimble-icon-line-chevron-up-24-48-96:before {
  content: "\e91e";
}
.trimble-icon-line-choice-16-32-64:before {
  content: "\e91f";
}
.trimble-icon-line-choice-24-48-96:before {
  content: "\e920";
}
.trimble-icon-line-circle-16-32-64:before {
  content: "\e921";
}
.trimble-icon-line-cloud-16-32-64:before {
  content: "\e922";
}
.trimble-icon-line-cloud-24-48-96:before {
  content: "\e923";
}
.trimble-icon-line-cloud-down-16-32-64:before {
  content: "\e924";
}
.trimble-icon-line-cloud-down-24-48-96:before {
  content: "\e925";
}
.trimble-icon-line-cloud-search-16-32-64:before {
  content: "\e926";
}
.trimble-icon-line-cloud-search-24-48-96:before {
  content: "\e927";
}
.trimble-icon-line-cloud-sync-16-32-64:before {
  content: "\e928";
}
.trimble-icon-line-cloud-sync-24-48-96:before {
  content: "\e929";
}
.trimble-icon-line-cloud-up-16-32-64:before {
  content: "\e92a";
}
.trimble-icon-line-cloud-up-24-48-96:before {
  content: "\e92b";
}
.trimble-icon-line-cloud-updown-16-32-64:before {
  content: "\e92c";
}
.trimble-icon-line-cloud-updown-24-48-96:before {
  content: "\e92d";
}
.trimble-icon-line-comment-16-32-64:before {
  content: "\e92e";
}
.trimble-icon-line-comment-24-48-96:before {
  content: "\e92f";
}
.trimble-icon-line-comment-add-16-32-64:before {
  content: "\e930";
}
.trimble-icon-line-comment-add-24-48-96:before {
  content: "\e931";
}
.trimble-icon-line-comment-conversation-16-32-64:before {
  content: "\e932";
}
.trimble-icon-line-comment-conversation-24-48-96:before {
  content: "\e933";
}
.trimble-icon-line-comment-edit-16-32-64:before {
  content: "\e934";
}
.trimble-icon-line-comment-edit-24-48-96:before {
  content: "\e935";
}
.trimble-icon-line-comment-remove-16-32-64:before {
  content: "\e936";
}
.trimble-icon-line-comment-remove-24-48-96:before {
  content: "\e937";
}
.trimble-icon-line-correction-source-16-32-64:before {
  content: "\e938";
}
.trimble-icon-line-correction-source-24-48-96:before {
  content: "\e939";
}
.trimble-icon-line-correction-status-16-32-64:before {
  content: "\e93a";
}
.trimble-icon-line-correction-status-24-48-96:before {
  content: "\e93b";
}
.trimble-icon-line-cross-section-32-64:before {
  content: "\e93c";
}
.trimble-icon-line-cursor-depth-16-32-64:before {
  content: "\e93d";
}
.trimble-icon-line-cursor-depth-24-48-96:before {
  content: "\e93e";
}
.trimble-icon-line-date-16-32-64:before {
  content: "\e93f";
}
.trimble-icon-line-date-24-48-96:before {
  content: "\e940";
}
.trimble-icon-line-date-creation-16-32-64:before {
  content: "\e941";
}
.trimble-icon-line-date-creation-24-48-96:before {
  content: "\e942";
}
.trimble-icon-line-date-update-16-32-64:before {
  content: "\e943";
}
.trimble-icon-line-date-update-24-48-96:before {
  content: "\e944";
}
.trimble-icon-line-device-id-16-32-64:before {
  content: "\e945";
}
.trimble-icon-line-device-id-24-48-96:before {
  content: "\e946";
}
.trimble-icon-line-device-type-16-32-64:before {
  content: "\e947";
}
.trimble-icon-line-device-type-24-48-96:before {
  content: "\e948";
}
.trimble-icon-line-draft-16-32-64:before {
  content: "\e949";
}
.trimble-icon-line-draft-24-48-96:before {
  content: "\e94a";
}
.trimble-icon-line-edit-16-32-64:before {
  content: "\e94b";
}
.trimble-icon-line-edit-24-48-96:before {
  content: "\e94c";
}
.trimble-icon-line-expand-collapse-32-64:before {
  content: "\e94d";
}
.trimble-icon-line-fields-16-32-64:before {
  content: "\e94e";
}
.trimble-icon-line-fields-24-48-96:before {
  content: "\e94f";
}
.trimble-icon-line-file-16-32-64:before {
  content: "\e950";
}
.trimble-icon-line-file-24-48-96:before {
  content: "\e951";
}
.trimble-icon-line-file-add-16-32-64:before {
  content: "\e952";
}
.trimble-icon-line-file-export-16-32-64:before {
  content: "\e953";
}
.trimble-icon-line-file-remove-16-32-64:before {
  content: "\e954";
}
.trimble-icon-line-file-upload-16-32-64:before {
  content: "\e955";
}
.trimble-icon-line-files-16-32-64:before {
  content: "\e956";
}
.trimble-icon-line-folder-closed-24-48-96:before {
  content: "\e957";
}
.trimble-icon-line-folder-open-16-32-64:before {
  content: "\e958";
}
.trimble-icon-line-folder-open-24-48-96:before {
  content: "\e959";
}
.trimble-icon-line-folder-closed-16-32-64:before {
  content: "\e95a";
}
.trimble-icon-line-geometry-16-32-64:before {
  content: "\e95b";
}
.trimble-icon-line-geometry-24-48-96:before {
  content: "\e95c";
}
.trimble-icon-line-group-16-32-64:before {
  content: "\e95d";
}
.trimble-icon-line-group-24-48-96:before {
  content: "\e95e";
}
.trimble-icon-line-hamburger-24-48-96:before {
  content: "\e95f";
}
.trimble-icon-line-hdop-16-32-64:before {
  content: "\e960";
}
.trimble-icon-line-hdop-24-48-96:before {
  content: "\e961";
}
.trimble-icon-line-info-16-32-64:before {
  content: "\e962";
}
.trimble-icon-line-info-24-48-96:before {
  content: "\e963";
}
.trimble-icon-line-layers-16-32-64:before {
  content: "\e964";
}
.trimble-icon-line-layers-24-48-96:before {
  content: "\e965";
}
.trimble-icon-line-length-16-32-64:before {
  content: "\e966";
}
.trimble-icon-line-length-24-48-96:before {
  content: "\e967";
}
.trimble-icon-line-link-16-32-64:before {
  content: "\e968";
}
.trimble-icon-line-link-24-48-96:before {
  content: "\e969";
}
.trimble-icon-line-markup-arrow-16-32-64:before {
  content: "\e96a";
}
.trimble-icon-line-markup-arrow-24-48-96:before {
  content: "\e96b";
}
.trimble-icon-line-markup-cloud-16-32-64:before {
  content: "\e96c";
}
.trimble-icon-line-markup-cloud-24-48-96:before {
  content: "\e96d";
}
.trimble-icon-line-markup-line-16-32-64:before {
  content: "\e96e";
}
.trimble-icon-line-markup-line-24-48-96:before {
  content: "\e96f";
}
.trimble-icon-line-markup-note-16-32-64:before {
  content: "\e970";
}
.trimble-icon-line-markup-note-24-48-96:before {
  content: "\e971";
}
.trimble-icon-line-measure-16-32-64:before {
  content: "\e972";
}
.trimble-icon-line-measure-24-48-96:before {
  content: "\e973";
}
.trimble-icon-line-measure-vertical-16-32-64:before {
  content: "\e974";
}
.trimble-icon-line-measure-vertical-24-48-96:before {
  content: "\e975";
}
.trimble-icon-line-menu-16-32-64:before {
  content: "\e976";
}
.trimble-icon-line-menu-dots-16-32-64:before {
  content: "\e977";
}
.trimble-icon-line-minus-16-32-64:before {
  content: "\e978";
}
.trimble-icon-line-minus-24-48-96:before {
  content: "\e979";
}
.trimble-icon-line-move-hand-closed-16-32-64:before {
  content: "\e97a";
}
.trimble-icon-line-move-hand-open-16-32-64:before {
  content: "\e97b";
}
.trimble-icon-line-orbit-16-32-64:before {
  content: "\e97c";
}
.trimble-icon-line-orbit-24-48-96:before {
  content: "\e97d";
}
.trimble-icon-line-pagebreak-16-32-64:before {
  content: "\e97e";
}
.trimble-icon-line-pagebreak-24-48-96:before {
  content: "\e97f";
}
.trimble-icon-line-pagefit-height-16-32-64:before {
  content: "\e980";
}
.trimble-icon-line-pagefit-width-16-32-64:before {
  content: "\e981";
}
.trimble-icon-line-pdop-16-32-64:before {
  content: "\e982";
}
.trimble-icon-line-pdop-24-48-96:before {
  content: "\e983";
}
.trimble-icon-line-plus-16-32-64:before {
  content: "\e984";
}
.trimble-icon-line-plus-24-48-96:before {
  content: "\e985";
}
.trimble-icon-line-refresh-16-32-64:before {
  content: "\e986";
}
.trimble-icon-line-rules-16-32-64:before {
  content: "\e987";
}
.trimble-icon-line-rules-24-48-96:before {
  content: "\e988";
}
.trimble-icon-line-screen-maximise-16-32-64:before {
  content: "\e989";
}
.trimble-icon-line-screen-maximise-24-48-96:before {
  content: "\e98a";
}
.trimble-icon-line-screen-minimise-16-32-64:before {
  content: "\e98b";
}
.trimble-icon-line-screen-minimise-24-48-96:before {
  content: "\e98c";
}
.trimble-icon-line-search-16-32-64:before {
  content: "\e98d";
}
.trimble-icon-line-search-24-48-96:before {
  content: "\e98e";
}
.trimble-icon-line-select-polygon-16-32-64:before {
  content: "\e98f";
}
.trimble-icon-line-select-polygon-24-48-96:before {
  content: "\e990";
}
.trimble-icon-line-select-polygon-add-16-32-64:before {
  content: "\e991";
}
.trimble-icon-line-select-polygon-add-24-48-96:before {
  content: "\e992";
}
.trimble-icon-line-select-polygon-subtract-16-32-64:before {
  content: "\e993";
}
.trimble-icon-line-select-polygon-subtract-24-48-96:before {
  content: "\e994";
}
.trimble-icon-line-select-rectangle-16-32-64:before {
  content: "\e995";
}
.trimble-icon-line-select-rectangle-24-48-96:before {
  content: "\e996";
}
.trimble-icon-line-select-rectangle-add-16-32-64:before {
  content: "\e997";
}
.trimble-icon-line-select-rectangle-add-24-48-96:before {
  content: "\e998";
}
.trimble-icon-line-select-rectangle-subtract-16-32-64:before {
  content: "\e999";
}
.trimble-icon-line-select-rectangle-subtract-24-48-96:before {
  content: "\e99a";
}
.trimble-icon-line-source-direct-16-32-64:before {
  content: "\e99b";
}
.trimble-icon-line-source-direct-24-48-96:before {
  content: "\e99c";
}
.trimble-icon-line-source-ntrip-16-32-64:before {
  content: "\e99d";
}
.trimble-icon-line-source-ntrip-24-48-96:before {
  content: "\e99e";
}
.trimble-icon-line-source-rtx-16-32-64:before {
  content: "\e99f";
}
.trimble-icon-line-source-rtx-24-48-96:before {
  content: "\e9a0";
}
.trimble-icon-line-source-sbas-16-32-64:before {
  content: "\e9a1";
}
.trimble-icon-line-source-sbas-24-48-96:before {
  content: "\e9a2";
}
.trimble-icon-line-split-left-16-32-64:before {
  content: "\e9a3";
}
.trimble-icon-line-split-left-24-48-96:before {
  content: "\e9a4";
}
.trimble-icon-line-split-top-16-32-64:before {
  content: "\e9a5";
}
.trimble-icon-line-split-top-24-48-96:before {
  content: "\e9a6";
}
.trimble-icon-line-sync-16-32-64:before {
  content: "\e9a7";
}
.trimble-icon-line-task-add-16-32-64:before {
  content: "\e9a8";
}
.trimble-icon-line-task-add-24-48-96:before {
  content: "\e9a9";
}
.trimble-icon-line-task-subtract-16-32-64:before {
  content: "\e9aa";
}
.trimble-icon-line-task-subtract-24-48-96:before {
  content: "\e9ab";
}
.trimble-icon-line-template-16-32-64:before {
  content: "\e9ac";
}
.trimble-icon-line-template-24-48-96:before {
  content: "\e9ad";
}
.trimble-icon-line-template-draft-16-32-64:before {
  content: "\e9ae";
}
.trimble-icon-line-template-draft-24-48-96:before {
  content: "\e9af";
}
.trimble-icon-line-thumbnail-16-32-64:before {
  content: "\e9b0";
}
.trimble-icon-line-thumbnail-24-48-96:before {
  content: "\e9b1";
}
.trimble-icon-line-tick-16-32-64:before {
  content: "\e9b2";
}
.trimble-icon-line-tick-24-48-96:before {
  content: "\e9b3";
}
.trimble-icon-line-todo-16-32-64:before {
  content: "\e9b4";
}
.trimble-icon-line-todo-24-48-96:before {
  content: "\e9b5";
}
.trimble-icon-line-turn-head-16-32-64:before {
  content: "\e9b6";
}
.trimble-icon-line-turn-head-24-48-96:before {
  content: "\e9b7";
}
.trimble-icon-line-view-fit-16-32-64:before {
  content: "\e9b8";
}
.trimble-icon-line-view-fit-24-48-96:before {
  content: "\e9b9";
}
.trimble-icon-line-view-list-16-32-64:before {
  content: "\e9ba";
}
.trimble-icon-line-view-list-24-48-64:before {
  content: "\e9bb";
}
.trimble-icon-line-view-tile-16-32-64:before {
  content: "\e9bc";
}
.trimble-icon-line-view-tile-24-48-64:before {
  content: "\e9bd";
}
.trimble-icon-line-visibility-hide-16-32-64:before {
  content: "\e9be";
}
.trimble-icon-line-visibility-hide-24-48-96:before {
  content: "\e9bf";
}
.trimble-icon-line-visibility-hide-others-16-32-64:before {
  content: "\e9c0";
}
.trimble-icon-line-visibility-show-16-32-64:before {
  content: "\e9c1";
}
.trimble-icon-line-visibility-show-24-48-96:before {
  content: "\e9c2";
}
.trimble-icon-line-visibility-show-all-16-32-64:before {
  content: "\e9c3";
}
.trimble-icon-line-visibility-show-only-16-32-64:before {
  content: "\e9c4";
}
.trimble-icon-line-visibility-toggle-16-32-64:before {
  content: "\e9c5";
}
.trimble-icon-line-visibility-toggle-24-48-96:before {
  content: "\e9c6";
}
.trimble-icon-line-walk-16-32-64:before {
  content: "\e9c7";
}
.trimble-icon-line-walk-24-48-96:before {
  content: "\e9c8";
}
.trimble-icon-line-x-16-32-64:before {
  content: "\e9c9";
}
.trimble-icon-line-x-24-48-96:before {
  content: "\e9ca";
}
.trimble-icon-solid-3D-isometric-16-32-64:before {
  content: "\e9cb";
}
.trimble-icon-solid-3D-reset-16-32-64:before {
  content: "\e9cc";
}
.trimble-icon-solid-alert-16-32-64:before {
  content: "\e9cd";
}
.trimble-icon-solid-alert-24-48-96:before {
  content: "\e9ce";
}
.trimble-icon-solid-alert-critical-16-32-64:before {
  content: "\e9cf";
  color: #c81922;
}
.trimble-icon-solid-alert-critical-24-48-96:before {
  content: "\e9d0";
  color: #c81922;
}
.trimble-icon-solid-alert-info-16-32-64:before {
  content: "\e9d1";
  color: #0d6aa8;
}
.trimble-icon-solid-alert-info-24-48-96:before {
  content: "\e9d2";
  color: #0d6aa8;
}
.trimble-icon-solid-alert-positive-16-32-64:before {
  content: "\e9d3";
  color: #5e9331;
}
.trimble-icon-solid-alert-positive-24-48-96:before {
  content: "\e9d4";
  color: #5e9331;
}
.trimble-icon-solid-alert-warning-16-32-64:before {
  content: "\e9d5";
  color: #ff8b00;
}
.trimble-icon-solid-alert-warning-24-48-96:before {
  content: "\e9d6";
  color: #ff8b00;
}
.trimble-icon-solid-assistance-16-32-64:before {
  content: "\e9d7";
}
.trimble-icon-solid-assistance-24-48-96:before {
  content: "\e9d8";
}
.trimble-icon-solid-camera-24-48-96:before {
  content: "\e9d9";
}
.trimble-icon-solid-camera-32-64:before {
  content: "\e9da";
}
.trimble-icon-solid-cart-16-32-64:before {
  content: "\e9db";
}
.trimble-icon-solid-cart-24-48-96:before {
  content: "\e9dc";
}
.trimble-icon-solid-clash-bang-16-32-64 .path1:before {
  content: "\e9dd";
}
.trimble-icon-solid-clash-bang-16-32-64 .path2:before {
  content: "\e9de";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-16-32-64 .path3:before {
  content: "\e9df";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-16-32-64 .path4:before {
  content: "\e9e0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-24-48-96 .path1:before {
  content: "\e9e1";
}
.trimble-icon-solid-clash-bang-24-48-96 .path2:before {
  content: "\e9e2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-24-48-96 .path3:before {
  content: "\e9e3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-24-48-96 .path4:before {
  content: "\e9e4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.trimble-icon-solid-clash-bang-critical-16-32-64 .path1:before {
  content: "\e9dd";
  color: rgb(200, 25, 34);
}
.trimble-icon-solid-clash-bang-critical-16-32-64 .path2:before {
  content: "\e9de";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-critical-16-32-64 .path3:before {
  content: "\e9df";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-critical-16-32-64 .path4:before {
  content: "\e9e0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-critical-24-48-96 .path1:before {
  content: "\e9e1";
  color: rgb(200, 25, 34);
}
.trimble-icon-solid-clash-bang-critical-24-48-96 .path2:before {
  content: "\e9e2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-critical-24-48-96 .path3:before {
  content: "\e9e3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-critical-24-48-96 .path4:before {
  content: "\e9e4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-16-32-64 .path1:before {
  content: "\e9e5";
  color: rgb(54, 53, 69);
}
.trimble-icon-solid-clash-bang-gray-16-32-64 .path2:before {
  content: "\e9e6";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-16-32-64 .path3:before {
  content: "\e9e7";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-16-32-64 .path4:before {
  content: "\e9e8";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-24-48-96 .path1:before {
  content: "\e9e9";
  color: rgb(54, 53, 69);
}
.trimble-icon-solid-clash-bang-gray-24-48-96 .path2:before {
  content: "\e9ea";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-24-48-96 .path3:before {
  content: "\e9eb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-gray-24-48-96 .path4:before {
  content: "\e9ec";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-16-32-64 .path1:before {
  content: "\e9ed";
  color: rgb(13, 106, 168);
}
.trimble-icon-solid-clash-bang-information-16-32-64 .path2:before {
  content: "\e9ee";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-16-32-64 .path3:before {
  content: "\e9ef";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-16-32-64 .path4:before {
  content: "\e9f0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-24-48-96 .path1:before {
  content: "\e9f9";
  color: rgb(13, 106, 168);
}
.trimble-icon-solid-clash-bang-information-24-48-96 .path2:before {
  content: "\e9fa";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-24-48-96 .path3:before {
  content: "\e9fb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-information-24-48-96 .path4:before {
  content: "\e9fc";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-16-32-64 .path1:before {
  content: "\e9f1";
  color: rgb(94, 147, 49);
}
.trimble-icon-solid-clash-bang-positive-16-32-64 .path2:before {
  content: "\e9f2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-16-32-64 .path3:before {
  content: "\e9f3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-16-32-64 .path4:before {
  content: "\e9f4";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-24-48-96 .path1:before {
  content: "\e9f5";
  color: rgb(94, 147, 49);
}
.trimble-icon-solid-clash-bang-positive-24-48-96 .path2:before {
  content: "\e9f6";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-24-48-96 .path3:before {
  content: "\e9f7";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-positive-24-48-96 .path4:before {
  content: "\e9f8";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-16-32-64 .path1:before {
  content: "\e9fd";
  color: rgb(255, 139, 0);
}
.trimble-icon-solid-clash-bang-warning-16-32-64 .path2:before {
  content: "\e9fe";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-16-32-64 .path3:before {
  content: "\e9ff";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-16-32-64 .path4:before {
  content: "\ea00";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-24-48-96 .path1:before {
  content: "\ea01";
  color: rgb(255, 139, 0);
}
.trimble-icon-solid-clash-bang-warning-24-48-96 .path2:before {
  content: "\ea02";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-24-48-96 .path3:before {
  content: "\ea03";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-bang-warning-24-48-96 .path4:before {
  content: "\ea04";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-clash-set-16-32-64:before {
  content: "\ea05";
}
.trimble-icon-solid-clash-set-24-48-96:before {
  content: "\ea06";
}
.trimble-icon-solid-clash-set-add-16-32-64:before {
  content: "\ea07";
}
.trimble-icon-solid-clash-set-add-24-48-96:before {
  content: "\ea08";
}
.trimble-icon-solid-clash-set-download-16-32-64:before {
  content: "\ea09";
}
.trimble-icon-solid-clash-set-download-24-48-96:before {
  content: "\ea0a";
}
.trimble-icon-solid-clash-set-remove-16-32-64:before {
  content: "\ea0b";
}
.trimble-icon-solid-clash-set-remove-24-48-96:before {
  content: "\ea0c";
}
.trimble-icon-solid-collectedby-16-32-64:before {
  content: "\ea0d";
}
.trimble-icon-solid-collectedby-24-48-96:before {
  content: "\ea0e";
}
.trimble-icon-solid-comment-16-32-64:before {
  content: "\ea0f";
}
.trimble-icon-solid-comment-24-48-96:before {
  content: "\ea10";
}
.trimble-icon-solid-comment-add-16-32-64:before {
  content: "\ea11";
}
.trimble-icon-solid-comment-add-24-48-96:before {
  content: "\ea12";
}
.trimble-icon-solid-comment-conversation-16-32-64:before {
  content: "\ea13";
}
.trimble-icon-solid-comment-conversation-24-48-96:before {
  content: "\ea14";
}
.trimble-icon-solid-comment-edit-16-32-64:before {
  content: "\ea15";
}
.trimble-icon-solid-comment-edit-24-48-96:before {
  content: "\ea16";
}
.trimble-icon-solid-comment-remove-16-32-64:before {
  content: "\ea17";
}
.trimble-icon-solid-comment-remove-24-48-96:before {
  content: "\ea18";
}
.trimble-icon-solid-filter-16-32-64:before {
  content: "\ea19";
}
.trimble-icon-solid-filter-24-48-96:before {
  content: "\ea1a";
}
.trimble-icon-solid-folder-closed-16-32-64:before {
  content: "\ea1b";
}
.trimble-icon-solid-folder-closed-24-48-96:before {
  content: "\ea1c";
}
.trimble-icon-solid-folder-open-16-32-64:before {
  content: "\ea1d";
}
.trimble-icon-solid-folder-open-24-48-96:before {
  content: "\ea1e";
}
.trimble-icon-solid-info-16-32-64:before {
  content: "\ea1f";
}
.trimble-icon-solid-info-24-48-96:before {
  content: "\ea20";
}
.trimble-icon-solid-link-gray-16-32-64 .path1:before {
  content: "\ea21";
  color: rgb(54, 53, 69);
}
.trimble-icon-solid-link-gray-16-32-64 .path2:before {
  content: "\ea22";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-link-gray-16-32-64 .path3:before {
  content: "\ea23";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-link-gray-16-32-64 .path4:before {
  content: "\ea24";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-link-gray-24-48-96 .path1:before {
  content: "\ea25";
  color: rgb(54, 53, 69);
}
.trimble-icon-solid-link-gray-24-48-96 .path2:before {
  content: "\ea26";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-link-gray-24-48-96 .path3:before {
  content: "\ea27";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-link-gray-24-48-96 .path4:before {
  content: "\ea28";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.trimble-icon-solid-locationservices-16-32-64:before {
  content: "\ea29";
}
.trimble-icon-solid-locationservices-24-48-96:before {
  content: "\ea2a";
}
.trimble-icon-solid-lock-16-32-64:before {
  content: "\ea2b";
}
.trimble-icon-solid-lock-24-48-96:before {
  content: "\ea2c";
}
.trimble-icon-solid-mask-depth-32-64:before {
  content: "\ea2d";
}
.trimble-icon-solid-minus-16-32-64:before {
  content: "\ea2e";
}
.trimble-icon-solid-minus-24-48-96:before {
  content: "\ea2f";
}
.trimble-icon-solid-move-hand-closed-16-32-64:before {
  content: "\ea30";
}
.trimble-icon-solid-move-hand-open-16-32-64:before {
  content: "\ea31";
}
.trimble-icon-solid-number-16-32-64:before {
  content: "\ea32";
}
.trimble-icon-solid-number-24-48-96:before {
  content: "\ea33";
}
.trimble-icon-solid-pagefit-height-16-32-64:before {
  content: "\ea34";
}
.trimble-icon-solid-pagefit-width-16-32-64:before {
  content: "\ea35";
}
.trimble-icon-solid-pause-16-32-64:before {
  content: "\ea36";
}
.trimble-icon-solid-play-forward-16-32-64:before {
  content: "\ea37";
}
.trimble-icon-solid-play-reverse-16-32-64:before {
  content: "\ea38";
}
.trimble-icon-solid-plus-16-32-64:before {
  content: "\ea39";
}
.trimble-icon-solid-plus-24-48-96:before {
  content: "\ea3a";
}
.trimble-icon-solid-preferences-16-32-64:before {
  content: "\ea3b";
}
.trimble-icon-solid-preferences-24-48-96:before {
  content: "\ea3c";
}
.trimble-icon-solid-select-single-16-32-64:before {
  content: "\ea3d";
}
.trimble-icon-solid-select-single-24-48-96:before {
  content: "\ea3e";
}
.trimble-icon-solid-select-single-add-16-32-64:before {
  content: "\ea3f";
}
.trimble-icon-solid-select-single-add-24-48-96:before {
  content: "\ea40";
}
.trimble-icon-solid-select-single-subtract-16-32-64:before {
  content: "\ea41";
}
.trimble-icon-solid-select-single-subtract-24-48-96:before {
  content: "\ea42";
}
.trimble-icon-solid-split-left-16-32-64-1:before {
  content: "\ea43";
}
.trimble-icon-solid-split-left-16-32-64:before {
  content: "\ea44";
}
.trimble-icon-solid-split-left-24-48-96:before {
  content: "\ea45";
}
.trimble-icon-solid-split-top-16-32-64:before {
  content: "\ea46";
}
.trimble-icon-solid-stop-16-32-64:before {
  content: "\ea47";
}
.trimble-icon-solid-text-16-32-64:before {
  content: "\ea48";
}
.trimble-icon-solid-text-24-48-96:before {
  content: "\ea49";
}
.trimble-icon-solid-todo-24-48-96:before {
  content: "\ea4a";
}
.trimble-icon-solid-todo-32-64:before {
  content: "\ea4b";
}
.trimble-icon-solid-todo-add-32-64:before {
  content: "\ea4c";
}
.trimble-icon-solid-trash-16-32-64:before {
  content: "\ea4d";
}
.trimble-icon-solid-trash-24-48-96:before {
  content: "\ea4e";
}
.trimble-icon-solid-user-16-32-64:before {
  content: "\ea4f";
}
.trimble-icon-solid-user-24-48-96:before {
  content: "\ea50";
}
.trimble-icon-solid-user-group-16-32-64:before {
  content: "\ea51";
}
.trimble-icon-solid-user-group-24-48-96:before {
  content: "\ea52";
}
.trimble-icon-solid-view-list-16-32-64:before {
  content: "\ea53";
}
.trimble-icon-solid-view-list-24-48-64:before {
  content: "\ea54";
}
.trimble-icon-solid-view-tile-16-32-64:before {
  content: "\ea55";
}
.trimble-icon-solid-view-tile-24-48-64:before {
  content: "\ea56";
}
.trimble-icon-vect-solid-rotate-left-48:before {
  content: "\ea57";
}
.trimble-icon-vect-solid-rotate-right-48:before {
  content: "\ea58";
}
.trimble-icon-solid-object-properties-16-32-64:before {
  content: "\ea59";
}
.trimble-icon-Generic-tree-item-32:before {
  content: "\ea5a";
}
.trimble-icon-Link-Add .path1:before {
  content: "\ea5b";
}
.trimble-icon-Link-Add .path2:before {
  content: "\ea5c";
  margin-left: -1em;
}
.trimble-icon-Link-Add .path3:before {
  content: "\ea5d";
  margin-left: -1em;
}
.trimble-icon-Link-Add .path4:before {
  content: "\ea5e";
  margin-left: -1em;
  color: rgb(114, 164, 66);
}
.trimble-icon-Link-Remove .path1:before {
  content: "\ea5f";
}
.trimble-icon-Link-Remove .path2:before {
  content: "\ea60";
  margin-left: -1em;
}
.trimble-icon-Link-Remove .path3:before {
  content: "\ea61";
  margin-left: -1em;
}
.trimble-icon-Link-Remove .path4:before {
  content: "\ea62";
  margin-left: -1em;
  color: rgb(166, 30, 41);
}

.trimble-application {
  font-family: 'Open Sans', 'Noto Sans', Helvetica, Arial, sans-serif;
  color: #363545;
  background: #F3F3F7;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.trimble-application h1, .trimble-application h2, .trimble-application h3, .trimble-application h4, .trimble-application h5, .trimble-application h6 {
    margin: 0;
    padding: 0;
  }

.trimble-application h1 {
    font-size: 1.6em;
    font-weight: 300;
  }

.trimble-application h2 {
    font-size: 1.5em;
    font-weight: 300;
  }

.trimble-application h3 {
    font-size: 1.375em;
    font-weight: 400;
    color: #0D6AA8;
    display: inline;
  }

.trimble-application h4 {
    font-weight: 400;
    color: #0D6AA8;
  }

.trimble-application label {
    display: block;
    margin-bottom: 0.12rem;
    font-weight: 600;
  }

.trimble-application label.inline {
      display: inline-block;
    }

.trimble-application section {
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    flex-direction: column;
  }

.trimble-application section.inline {
      display: grid;
      align-content: center;
      grid-template-columns: 5.62rem 1fr;
      grid-auto-flow: row;
      grid-column-gap: 0.62rem;
      grid-row-gap: 0.18rem;
    }

.trimble-application section div,
    .trimble-application section span,
    .trimble-application section input,
    .trimble-application section select,
    .trimble-application section textarea {
      flex: 1;
    }

.trimble-application select,
  .trimble-application input[type=text],
  .trimble-application input[type=url],
  .trimble-application input[type=email],
  .trimble-application input[type=search],
  .trimble-application input[type=password],
  .trimble-application input[type=number],
  .trimble-application input[type=date],
  .trimble-application textarea {
    padding: 0.25rem;
    display: inline-block;
    background: white;
    outline: none;
    border: none;
    border-radius: 0.12rem;
    box-sizing: border-box;
    -webkit-appearance: unset;
  }

.trimble-application select:focus,
  .trimble-application select:active,
  .trimble-application select:hover,
  .trimble-application input[type=text]:focus,
  .trimble-application input[type=url]:focus,
  .trimble-application input[type=email]:focus,
  .trimble-application input[type=search]:focus,
  .trimble-application input[type=password]:focus,
  .trimble-application input[type=number]:focus,
  .trimble-application input[type=date]:focus,
  .trimble-application textarea:focus {
    background: white;
    outline: none;
    border: none;
    -webkit-appearance: unset;
  }

.trimble-application textarea {
    height: 4.37rem;
    resize: vertical;
  }

.trimble-application input:-ms-input-placeholder, .trimble-application textarea:-ms-input-placeholder {
    color: #BFBFC6;
    font-style: italic
  }

.trimble-application input::placeholder,
  .trimble-application textarea::placeholder {
    color: #BFBFC6;
    font-style: italic
  }

.trimble-application hr {
    margin:0;
    border-top:.0625rem solid #D0D0D7;
  }

/* default style */
.trimble-application button {
  position: relative;
  color: #363545;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  margin: 0;
}
.trimble-application button:disabled {
    color: #8C8B96;
    pointer-events: none;
  }
.trimble-application button.checked {
    color: #363545;
    background-color: #D0D0D7;
  }
.trimble-application button.selected {
    color: #FFFFFF;
    background: #0D6AA8;
  }
.trimble-application button.medium {
    padding: 0;
    margin: 0;
  }
.trimble-application button.medium .trimble-icon {
      width: 1.5rem;
      font-size: 1.5rem;
    }

button.trimble-button {
  border-radius: 0.12rem;
  padding: 0.43rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border: none;
  font-size: 10pt;
  cursor: pointer;
  color: #363545;
  background-color: #9D9DA6;
}

button.trimble-button:hover {
    background-color: #AEAEB6;
  }

button.trimble-button:active {
    background-color: #8C8B96;
  }

button.trimble-button:disabled {
    background-color: #AEAEB6;
  }

button.trimble-button .trimble-icon {
    display: block;
    width: 2rem;
    font-size: 2rem;
  }

button.trimble-button:disabled {
    cursor: not-allowed;
  }

button.trimble-button.small {
    padding: 0;
    margin: 0;
  }

button.trimble-button.small .trimble-icon {
      width: 1.5rem;
      font-size: 1.5rem;
    }

button.trimble-button.submit {
    margin: 0.62rem 0;
    vertical-align: middle;
  }

button.trimble-button.dark-gray {
    color: #FFFFFF;
    background-color: #363545;
  }

button.trimble-button.dark-gray:hover {
    background-color: #474655;
  }

button.trimble-button.dark-gray:active {
    background-color: #262533;
  }

button.trimble-button.dark-gray:disabled {
    background-color: #474655;
  }

button.trimble-button.dark-gray:disabled {
      color: #363545;
    }

button.trimble-button.red {
    color: #FFFFFF;
    background-color: #C81922;
  }

button.trimble-button.red:hover {
    background-color: #D52A33;
  }

button.trimble-button.red:active {
    background-color: #BC0911;
  }

button.trimble-button.red:disabled {
    background-color: #F4D1D3;
  }

button.trimble-button.green {
    color: #FFFFFF;
    background-color: #5E9331;
  }

button.trimble-button.green:hover {
    background-color: #72A544;
  }

button.trimble-button.green:active {
    background-color: #4A821F;
  }

button.trimble-button.green:disabled {
    background-color: #DFE9D6;
  }

button.trimble-button.blue {
    color: #FFFFFF;
    background-color: #0D6AA8;
  }

button.trimble-button.blue:hover {
    background-color: #197CB6;
  }

button.trimble-button.blue:active {
    background-color: #07599B;
  }

button.trimble-button.blue:disabled {
    background-color: #CFE1EE;
  }

button.trimble-button.white_blue {
    color: #0D6AA8;
    background-color: #FFFFFF;
  }

button.trimble-button.white_blue:hover {
    background-color: #CFE1EE;
  }

button.trimble-button.white_blue:active {
    background-color: #197CB6;
  }

button.trimble-button.white_blue:disabled {
    background-color: #CFE1EE;
  }

button.trimble-button.yellow {
    color: #363545;
    background-color: #FFBE00;
  }

button.trimble-button.yellow:hover {
    background-color: #FFD200;
  }

button.trimble-button.yellow:active {
    background-color: #FFA500;
  }

button.trimble-button.yellow:disabled {
    background-color: #FFF2CC;
  }

button.trimble-button.yellow:disabled {
      color: #FFFFFF;
    }
.trimble-checkbox .trimble-icon {
    font-size: 0.9em;
    margin-right: 0.2em;
    vertical-align: middle;
    border: solid 0.1em;
    display: inline-block;
    width: 1.2em;
    height: 1.1em;
  }
.trimble-checkbox .trimble-checkbox-content {
    vertical-align: middle;
  }
.trimble-context-menu {
  position: relative;
  display: inline-block;
}
.trimble-context-menu .trimble-context-menu-button {
    margin: 0;
    padding: 0.12rem;
  }
.trimble-context-menu .trimble-context-menu-button .trimble-icon {
      font-size: 0.87rem;
      width: 1rem;
      height: 1rem;
      margin: 0;
    }
.trimble-context-menu .trimble-context-menu-content {
    position: absolute;
    display: block;
    right: 0;
    margin-top: -0.12rem;
    margin-right: -1.25rem;
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 0.12rem;
    box-shadow: 0.06rem 0.06rem 0.12rem rgba(54,53,69,0.11),      0.06rem 0.06rem 0.62rem  rgba(54,53,69,0.13);
    background-color: #F3F3F7;
    z-index: 10;
    padding: 0.12rem;
    border-radius: 0.12rem;
  }
.trimble-context-menu .trimble-context-menu-content button {
      width: 7.5rem;
      word-wrap: break-word;
      white-space: normal;
    }
.trimble-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.trimble-dropdown .trimble-dropdown-content {
    display: none;
    position: absolute;
    right: 0rem;
    top: 2.81rem;
    box-shadow: 0.06rem 0.06rem 0.12rem rgba(54,53,69,0.11),      0.06rem 0.06rem 0.62rem  rgba(54,53,69,0.13);
    z-index: 10;
    padding: 0.12rem;
    border-radius: 0.12rem;
  }

.trimble-dropdown-open {
  position: relative;
}

.trimble-dropdown-open .trimble-dropdown-content {
    display: block;
  }
/* Minimum width for the desktop mode */
.trimble-project-view {
  display: flex;
  flex-direction: column;
}
.trimble-project-view .trimble-projects-list {
    display: flex;
    margin-bottom: 3.12rem;
  }
.trimble-project-view .trimble-projects-list .trimble-projects {
      display: flex;
      margin: 0 auto;
      overflow-x: hidden;
      overflow-y: auto;
      flex-flow: wrap;
      align-items: center;
      justify-content: center;
    }
@media screen and (min-width: 36rem) and (min-height: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects {
        justify-content: flex-start;
        margin-left: 0
    }
      }
@media screen and (min-width: 36rem) and (max-height: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects {
        justify-content: flex-start;
        margin-left: 1.25rem
    }
      }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item {
        margin: 1rem;
        padding: 0;
        border: 0.06rem solid #d2d2d7;
        box-sizing: content-box;
        cursor: pointer;
        background-color: #f9f9fb;
        display: inline-block;
        width: 14.37rem;
        height: 11.25rem;
        text-align: center;
        position: relative;
      }
@media screen and (max-width: 36rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item {
          width: 9.37rem;
          height: 6.25rem;
          margin: 0.31rem
      }
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item:hover {
          box-shadow: 0.06rem 0.06rem 0.12rem rgba(54,53,69,0.11),      0.06rem 0.06rem 0.62rem  rgba(54,53,69,0.13);
          background-color: #FFFFFF;
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item:hover .trimble-projects-item-users {
          display: block;
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item.selected {
          border-color: #002D5B;
          border-width: 0.12rem;
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item .trimble-projects-item-thumbnail {
          width: 14.37rem;
          height: 8.12rem;
          margin: 0;
          vertical-align: top;
        }
@media screen and (max-width: 36rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item .trimble-projects-item-thumbnail {
            width: 9.37rem;
            height: 5rem
        }
          }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item .trimble-projects-item-name {
          padding: 0.93rem 0.31rem 0.31rem 1.25rem;
          text-align: left;
          overflow-x: hidden;
          overflow-y: hidden;
          display: block;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
@media screen and (max-width: 36rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item .trimble-projects-item-name {
            padding: 0 0.12rem
        }
          }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item button .trimble-icon {
          display: block;
          width: 1.5rem;
          font-size: 1.5rem;
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item button.trimble-projects-item-users {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
        }
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item button.trimble-projects-item-users:hover {
            background-color: #FFFFFF;
          }
@media screen and (max-width: 36rem) {
.trimble-project-view .trimble-projects-list .trimble-projects .trimble-projects-item button.trimble-projects-item-users {
            display: block
        }
          }
.trimble-project-view .trimble-projects-list .trimble-project-users-invite {
      margin: 1.25rem 0;
    }
.trimble-project-view .trimble-projects-list .trimble-project-members-details {
      position: relative;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      display: block;
    }
.trimble-project-view .trimble-projects-list .trimble-project-members-details.show .trimble-project-members-details-content {
          padding: 0 0.62rem;
          width: 18.75rem;
        }
.trimble-project-view .trimble-projects-list .trimble-project-members-details-content {
      transition: width 0.5s ease;
      margin-top: 1.25rem;
      width: 0;
    }
.trimble-project-view .trimble-projects-list .trimble-project-members-invite-role {
      margin: 0.62rem 0;
    }
.trimble-project-view .trimble-projects-list .trimble-project-members-invite-email {
      display: inline;
      margin: 0.62rem 0.62rem 0.62rem 0rem;
      min-width: 15.62rem;
    }
.trimble-project-view .trimble-projects-list .trimble-project-members-invite-email.invalid {
        background-color: #F4D1D3;
        border: 0.06rem solid #F4D1D3;
      }
.trimble-project-view .trimble-projects-list .trimble-project-users {
      position: absolute;
      top: 8.12rem;
      bottom: 0;
      right: 0.31rem;
      left: 0.31rem;
      padding-bottom: 0.31rem;
      overflow-y: scroll;
      overflow-x: hidden;
      transition: all 0.2s ease;
    }
.trimble-project-view .trimble-projects-list .trimble-project-users.low {
        top: 18.12rem;
      }
.trimble-project-view .trimble-projects-list .trimble-project-user {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 10pt;
      margin-bottom: 0.93rem;
    }
.trimble-project-view .trimble-projects-list .trimble-project-user .trimble-project-user-details {
        display: block;
      }
.trimble-project-view .trimble-projects-list .trimble-project-user .trimble-project-user-details.gray {
          font-size: 0.85em;
          color: #AEAEB6;
        }
.trimble-project-view .trimble-projects-list .trimble-project-user img {
        height: 3.12rem;
        width: 3.12rem;
        vertical-align: middle;
        border-radius: 50%;
      }
.trimble-project-view .trimble-projects-list .trimble-project-user .trimble-icon {
        display: block;
        width: 3.12rem;
        font-size: 3.12rem;
      }
.trimble-project-view .trimble-project-search {
    padding: 0.62rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
.trimble-project-view .trimble-project-search .trimble-project-search-bar {
      width: 14.37rem;
    }
.trimble-project-view .trimble-project-search .trimble-projects-not-found {
      padding: 1.25rem;
    }
@media screen and (min-width: 36rem) {
[dir="ltr"] .trimble-project-view .trimble-project-search{
      text-align: left;
  }
[dir="rtl"] .trimble-project-view .trimble-project-search{
      text-align: right;
  }
.trimble-project-view .trimble-project-search {
      margin-left: 1rem
  }
    }
@keyframes trimble-ribbon-highlight-flash {
  from {
    background-color: #009AD9;
  }
  to {
    background-color: transparent;
  }
}

.trimble-ribbon {
  display: flex;
  flex-direction: column;
  background-color: #F3F3F7;
}

.trimble-ribbon hr {
    border: none;
    border-right: #E2E2E7 solid 1px;
    margin: 0.1rem;
  }

.trimble-ribbon .trimble-ribbon-command.checked {
    background-color: #005F9E;
    color: white;
  }

.trimble-ribbon .highlight {
    animation: trimble-ribbon-highlight-flash 1s;
    animation-fill-mode: forwards;
  }

.trimble-ribbon button:hover {
    background: #EAEAEF;
  }

.trimble-ribbon button:active {
    background: #009AD9;
    color: white;
  }

.trimble-ribbon .trimble-ribbon-top {
    display: flex;
    border-bottom: #e2e2e7 solid 1px;
  }

.trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command,
    .trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command-group-tab {
      padding: 0 0.2rem;
    }

.trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command .trimble-icon,
      .trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command .icon-font,
      .trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command-group-tab .trimble-icon,
      .trimble-ribbon .trimble-ribbon-top .trimble-ribbon-command-group-tab .icon-font {
        font-size: 1.4em;
      }

.trimble-ribbon .trimble-ribbon-left,
  .trimble-ribbon .trimble-ribbon-right {
    height: 1.5rem;
    display: flex;
    align-items: stretch;
    white-space: nowrap;
    overflow: hidden;
  }

.trimble-ribbon .trimble-ribbon-left {
    flex-grow: 1;
    overflow-x: auto;
  }

.trimble-ribbon .trimble-ribbon-bottom {
    position: relative;
    flex-grow: 1;
    overflow-x: auto;
    display: flex;
  }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-group {
      position: relative;
      display: flex;
    }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-group .trimble-ribbon-command {
        flex-grow: 1;
        padding: 0 0.2rem;
        display: inline-block;
        white-space: nowrap;
      }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-group .trimble-ribbon-command .trimble-icon,
        .trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-group .trimble-ribbon-command .icon-font {
          display: block;
          font-size: 2.5em;
        }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-group .trimble-ribbon-group-name {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 6px;
        text-align: center;
        pointer-events: none;
        opacity: 0.2;
      }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-subgroup {
      display: grid;
      grid-auto-flow: column;
      grid-template-rows: 1fr 1fr;
    }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-subgroup .trimble-ribbon-command {
        display: flex;
        padding: 0 0.2rem;
        white-space: nowrap;
      }

.trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-subgroup .trimble-ribbon-command .trimble-icon,
        .trimble-ribbon .trimble-ribbon-bottom .trimble-ribbon-subgroup .trimble-ribbon-command .icon-font {
          display: inline-block;
          margin: 0 0.1rem;
          font-size: 1.2em;
        }

.trimble-application input[type=range] {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    width: 100%;
    display: block;
  }

.trimble-application input[type=range]::-webkit-slider-runnable-track {
      /* overflow: hidden; */
      height: 0.25rem;
      background-color: #BFBFC6;
      border: none;
      border-radius: 0.18rem;
    }

.trimble-application input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 1rem;
      width: 1rem;
      border-radius: 50%;
      /* border: 0.12rem solid $slider_track_color; */
      background: #0D6AA8;
      cursor: pointer;
      margin-top: -0.5rem;
      /* box-shadow: -100vw 0 0 100vw $slider_thumb_color; */
    }

.trimble-application input[type=range]:focus {
      outline: none;
    }

.trimble-application input[type=range]:focus::-webkit-slider-runnable-track {
      background: #ddd;
    }

.trimble-application input[type=range]::-moz-range-track {
      height: 0.25rem;
      background: #BFBFC6;
      border: none;
      border-radius: 0.18rem;
    }

.trimble-application input[type=range]::-moz-range-thumb {
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 50%;
      border: 0.12rem solid #BFBFC6;
      background: #FFFFFF;
      cursor: pointer;
      margin-top: -0.5rem; 
    }

.trimble-application input[type=range]:-moz-focusring {
      outline: 0.06rem solid #D0D0D7;
      outline-offset: -0.06rem;
    }

.trimble-application input[type=range]::-moz-range-progress {
      background-color: #0D6AA8; 
    }

.trimble-application input[type=range]::-moz-range-track {  
      background-color: #BFBFC6;
    }

/* IE*/

.trimble-application input[type=range]::-ms-fill-lower {
      background-color: #0D6AA8; 
    }

.trimble-application input[type=range]::-ms-fill-upper {  
      background-color: #BFBFC6;
    }
@keyframes trimble-snackbar-fade-in {
  from { bottom: 0;    opacity: 0; }
  to   { bottom: 1.87rem; opacity: 1; }
}

.trimble-snackbar {
  visibility: hidden;
  min-width: 15.62rem;
  background-color: #0B0A12;
  color: #FFFFFF;
  text-align: center;
  border-radius: 0.12rem;
  padding: 1rem;
  position: fixed;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1.87rem;
  font-size: 1.06rem;
}

.trimble-snackbar.show {
    visibility: visible;
    animation: trimble-snackbar-fade-in 0.5s;
    animation-fill-mode: forwards;
  }

.trimble-snackbar .icon-font {
    color: #FFFFFF;
    font-size: 1.25rem;
    vertical-align: middle;
  }

.trimble-snackbar button {
    line-height: 1.25rem;
    vertical-align: middle;
    background: transparent;
  }

.trimble-snackbar button:active,
    .trimble-snackbar button:hover {
      background: transparent;
    }
@keyframes trimble-splashscreen-animation {
  from { left: -12.5rem; }
  to   { left: 100%; }
}

.trimble-splashscreen {
  font-size: 1.5em;
  display: grid;
  align-content: center;
  justify-items: center;
}

.trimble-splashscreen .trimble-splashscreen-banner {
    font-size: 2em;
    color: #EAEAEF;
    text-shadow: 0rem 0.06rem 0.06rem white;
    text-align: center;
  }

.trimble-splashscreen .trimble-splashscreen-progress {
    height: 0.25rem;
    width: 15.62rem;
    position: relative;
    overflow: hidden;
  }

.trimble-splashscreen .trimble-splashscreen-progress:before {
      display: block;
      content: "";
      position: absolute;
      left: -12.5rem;
      width: 6.25rem;
      height: 0.25rem;
      background-color: #009AD9;
      animation: trimble-splashscreen-animation 2s linear infinite;
    }
.trimble-tabs button {
    background-color: #f0f0f7;
    border: 0.06rem solid #D0D0D7;
    border-radius: 0.12rem;
    padding: 0.62rem 1.25rem;
    margin: 0rem;
    text-align: left;
    font-size: 0.87rem;
    text-decoration: none;
    font-weight: 600;
  }
.trimble-tabs button:hover {
      background-color: #FFFFFF;
      box-shadow: 0.06rem 0.06rem 0.12rem rgba(54,53,69,0.11),      0.06rem 0.06rem 0.62rem  rgba(54,53,69,0.13);
      z-index: 1;
    }
.trimble-tabs button:active,
    .trimble-tabs button.checked {
      background-color: #d2d2d7;
      color: #363545;
    }
.trimble-tabs button:disabled {
      background-color: #f0f0f7;
      box-shadow: none;
      opacity: 0.4;
    }
.trimble-tabs.horizontal {
    display: grid;
    align-items: center;
    justify-content: start;
    grid-auto-flow: column;
  }
.trimble-tabs.horizontal button {
      margin-right: -0.06rem;
    }
.trimble-tabs.vertical {
    display: grid;
    align-content: start;
    justify-content: start;
    grid-auto-flow: row;
  }
.trimble-tabs.vertical button {
      margin-bottom: -0.06rem;
    }

.tabs-full-height {
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.trimble-workspace-tabs.no-tabs-selected {
  align-items: stretch !important;
}

.trimble-workspace-tabs.no-tabs-selected .trimble-workspace-tabs-selector {
    margin-left: 1.25rem;
  }

.trimble-toolbar {
  background-color: #F3F3F7;
  box-shadow: 0rem 0rem 0.06rem rgba(54,53,69,0.2),       0.12rem 0.12rem 0.5rem rgba(54,53,69,0.30);
}

.trimble-toolbar button {
    display: flex;
    text-align: center;
    padding: 0.25rem;
    margin: 0rem;
    transition: background-color 0.3s ease-in;
  }

.trimble-toolbar button img {
      display: block;
      width: 2rem;
      height: 2rem;
    }

.trimble-toolbar button .trimble-icon {
      display: block;
      width: 2rem;
      font-size: 2rem;
    }

.trimble-toolbar.top {
    height: 2.5rem;
    padding: 0rem 0.25rem;
    border-bottom-left-radius: 0.12rem;
    border-bottom-right-radius: 0.12rem;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
  }

.trimble-toolbar.top-left {
    height: 2.5rem;
    padding-right: 0.25rem;
    border-bottom-right-radius: 0.12rem;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
  }

.trimble-toolbar.top-right {
    height: 2.5rem;
    padding-left: 0.25rem;
    border-bottom-left-radius: 0.12rem;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: end;
  }

.trimble-toolbar.left {
    width: 2.5rem;
    padding: 0.25rem 0rem;
    border-top-right-radius: 0.12rem;
    border-bottom-right-radius: 0.12rem;
    align-content: center;
    justify-items: center;
  }

.trimble-toolbar.right {
    width: 2.5rem;
    padding: 0.25rem 0rem;
    border-top-left-radius: 0.12rem;
    border-bottom-left-radius: 0.12rem;
    display: grid;
    grid-auto-flow: row;
    align-content: center;
    justify-items: center;
  }

.trimble-toolbar-group-horizontal {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 0.37rem;
  justify-content: start;
}

.trimble-toolbar-group-vertical {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 0.37rem;
  align-content: start;
}
.trimble-tooltip {
  padding: .5rem !important;
  font-size: .75rem !important;
  z-index: 10000 !important;
  background-color: #363545 !important;
}
.trimble-user {
  white-space: nowrap;
  display: inline-block;
}
.trimble-user img {
    height: 1.62rem;
    vertical-align: middle;
    border-radius: 50%;
  }
.trimble-user span {
    vertical-align: middle;
    white-space: nowrap;
    margin: 0rem 0.31rem;
  }
.trimble-user .trimble-dropdown-content {
    top: 1.5rem;
  }
.trimble-visibility-checkbox {
  margin-left: 0.12rem;
}
.trimble-visibility-checkbox .trimble-icon {
    font-size: 1.5em;
    margin-right: 0.1em;
    vertical-align: middle;
  }
.trimble-visibility-checkbox .trimble-visibility-checkbox-content {
    vertical-align: middle;
  }

@media screen and (max-width: 36rem), screen and (max-height: 36rem) {
      .trimble-visibility-checkbox .trimble-icon {
        font-size: 2em;
        padding: 0.31rem;
        line-height: 1.87rem;
      }
}
.trimble-search {
    position: relative;
    display: inherit;
    width: 95%;
    border-color: #E2E2E7;
    border-style: solid;
    background: white;
}
.trimble-search .trimble-search-input {
        margin-left: 3rem;
        width: 75%;
        height: 3rem;
        font-size: 1rem;
        font-family: 'tcw_svg', 'Arial';
        border: none;
        background: transparent;
    }
.trimble-search .search_button {
        color: #E2E2E7;
        position: absolute;
        top: 0.5rem;
        left: 1rem;
        background: transparent;
    }
.trimble-search .search_button .icon-font {
            color: #E2E2E7;
            font-size: 2rem;
        }
.trimble-search .search_button:hover {
            background-color: transparent;
        }
.trimble-search .close-button {
        position: absolute;
        top: 0.2rem;
        right: 1rem;
        background: transparent;
    }
.trimble-search .close-button .icon-font {
            color: #6A6976;
            font-size: 2rem;
        }
.trimble-search .close-button:hover {
            background-color: transparent;
        }
.trimble-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .4);
}

.trimble-modal-dialog {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f9f9fb;
  box-shadow: 0 0 .5rem 0 #8C8B96;
}

.trimble-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2rem;
}

.trimble-modal-title {
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 800 !important;
}

.trimble-modal-close:hover {
  background-color: transparent !important;
}

.trimble-modal-content {
  margin: 2rem;
}
.connect-dropdown-menu {
  margin-right: 0.5rem;
  box-sizing: border-box;
}
.connect-dropdown-menu.disabled {
    pointer-events: none;
    cursor: not-allowed;
  }
.connect-dropdown-menu.disabled button {
      color: #8C8B96 !important;
    }
.connect-dropdown-menu .dropdown-pane {
    display: block;
    max-height: 22rem;
  }
.connect-dropdown-menu .dropdown-pane .dropdown-list li.disabled {
      opacity: 0.5;
      cursor: unset;
    }
.connect-dropdown-menu .dropdown-pane .dropdown-list li.disabled:hover {
      background-color: transparent;
      cursor: unset;
    }
.connect-dropdown-menu .dropdown-pane.top {
    top: auto;
    bottom: 100%;
  }
.connect-dropdown-menu .dropdown-pane.middle {
    width: max-content;
    left: 50%;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
  }
.trimble-file-state {
  display: inline-block;
}
.trimble-file-state.loadingFailed .icon-font,
  .trimble-file-state.assimilationFailed .icon-font {
    color: #BC0911;
  }

.unsupported-browser {
  position: absolute;
  max-width: 28rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.unsupported-browser .title {
    text-align: left;
    color: #002d5b;
  }

.unsupported-browser .message {
    white-space: pre-line;
    padding-top: 1.5rem;
    margin-bottom: 0.5rem;
  }

.unsupported-browser .browser-list {
    color: #005F9E;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 600;
  }

.unsupported-browser .browser-list .item {
      cursor: pointer;
      text-decoration: underline;
      line-height: 1.75rem;
    }
.trimble-application-error {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.trimble-application-error .error-text-container {
    display: flex;
    flex-direction: column;
  }

.trimble-application-error .empty {
  max-width: 18.5rem;
}
.trimble-application span:focus {
    outline: none;
  }
.trimble-application select,
  .trimble-application input[type="text"],
  .trimble-application input[type="url"],
  .trimble-application input[type="email"],
  .trimble-application input[type="search"],
  .trimble-application input[type="password"],
  .trimble-application input[type="number"],
  .trimble-application input[type="date"],
  .trimble-application textarea {
    padding: 0.5rem 0.75rem;
    border: solid 0.0625rem #E2E2E7;
    background: #FFFFFF;
  }
.trimble-application input[type="date"][disabled],
  .trimble-application input[type="email"][disabled],
  .trimble-application input[type="password"][disabled],
  .trimble-application input[type="search"][disabled],
  .trimble-application input[type="text"][disabled],
  .trimble-application input[type="url"],
  .trimble-application select[disabled],
  .trimble-application textarea[disabled] {
    background: #FFFFFF;
    outline: none;
    border: none;
    -webkit-appearance: unset;
  }
.trimble-application .validation-error {
    border-bottom: solid 0.125rem #A51D25 !important;
  }
.trimble-application input:not([role="combobox"]):not(.disabled):not(.validation-error):focus,
  .trimble-application textarea:not(.disabled):not(.validation-error):focus,
  .trimble-application select:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="date"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="email"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="number"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="password"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="search"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="text"]:not(.disabled):not(.validation-error):focus,
  .trimble-application input[type="url"] {
    border-bottom: 0.125rem solid #005F9E !important;
  }
.trimble-application .search > input[type="text"]:not([disabled]):focus {
    border-bottom: none !important;
    background-color: transparent !important;
  }
.trimble-application label,
  .trimble-application .label {
    display: flex;
    font-size: 0.75rem;
    color: #6A6976 !important;
    min-height: 1.5rem;
    align-items: flex-end;
    font-weight: 400;
    margin-bottom: 0;
  }
.trimble-application .button.primary:disabled {
      color: #fff;
    }
.trimble-application .button.tertiary {
      background-color: transparent;
      color: #363545;
    }
.trimble-application .button.tertiary:hover {
        background-color: #EAEAEF;
        color: #363545;
      }
.trimble-application .button.tertiary:active,
      .trimble-application .button.tertiary.active {
        background-color: #E2E2E7;
        color: #363545;
      }
.trimble-application .button.tertiary:active > i, .trimble-application .button.tertiary.active > i {
          color: #363545 !important;
        }
.trimble-application .trimble-dropdown {
    height: auto !important;
    color: #363545;
  }
.trimble-application .trimble-dropdown .trimble-dropdown-content {
      padding: 0.5rem 0;
      border-radius: 0.125rem;
    }
.trimble-application .trimble-select {
    background-image: url(/icons/arrow_down.png) !important;
    background-repeat: no-repeat !important;
    background-position: 93%, 0.75rem !important;
  }
.trimble-application .trimble-select.low {
      background-image: url(/icons/arrow_down.png), url(/icons/green.png) !important;
    }
.trimble-application .trimble-select.normal {
      background-image: url(/icons/arrow_down.png), url(/icons/blue.png) !important;
    }
.trimble-application .trimble-select.high {
      background-image: url(/icons/arrow_down.png), url(/icons/yellow.png) !important;
    }
.trimble-application .trimble-select.critical {
      background-image: url(/icons/arrow_down.png), url(/icons/red.png) !important;
    }
.trimble-application .trimble-date-picker {
    background-image: url(/icons/calendar.png) !important;
    background-repeat: no-repeat !important;
    background-position: 94%, 0.75rem !important;
    background-size: 1.5rem !important;
  }
.trimble-application .d-flex {
    display: flex !important;
  }
.trimble-application .w-100 {
    width: 100%;
  }
.trimble-application h2 {
    font-size: 1.375rem;
    font-weight: 600;
  }
.trimble-application .justify-content-end {
    justify-content: flex-end !important;
  }
.trimble-application .trimble-application-name {
    font-size: 1.25em;
  }
.trimble-application .trimble-application-content {
    height: 100%;
  }
.trimble-application .trimble-application-content-top {
    padding: 0 1rem;
    display: flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 4rem;
    background-color: #fff;
    box-shadow: 0 0 0.25rem #aeaeb6;
    align-items: center;
  }
@media screen and (max-width: 36rem), screen and (max-height: 36rem) {
.trimble-application .trimble-application-content-top {
      padding: 0.62rem
  }
    }
@media screen and (max-width: 36rem) {
.trimble-application .trimble-application-content-top .trimble-user span {
          display: none
      }
        }
@media screen and (max-width: 36rem) {
.trimble-application .trimble-application-content-top .trimble-user .trimble-dropdown-content {
          left: initial
      }
        }
.trimble-application .trimble-application-content-top .trimble-application-content-top-left {
      flex-grow: 1;
      display: flex;
      align-items: center;
    }
.trimble-application .trimble-application-content-top .trimble-application-content-top-left .logo {
        color: #005F9E;
        font-size: 1.75rem;
      }
.trimble-application .trimble-application-content-top .trimble-application-content-top-right {
      display: inline-block;
    }
.trimble-application .trimble-application-content-top .trimble-application-content-top-right .trimble-user {
        cursor: pointer;
      }
.trimble-application .trimble-application-content-bottom {
    height: 100%;
    overflow: auto;
    display: grid;
  }
.trimble-application .connect-projects-topbar-wrapper {
    display: flex;
    flex-direction: column;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom: 0.0625rem solid #D0D0D7;
  }
.trimble-application .connect-projects-topbar-wrapper .connect-projects-topbar {
      display: inherit;
      margin: 1rem 1rem;
    }
.trimble-application .connect-projects-topbar-wrapper .connect-projects-topbar .connect-projects-title-section {
        flex-grow: 1 !important;
      }
.trimble-application .connect-projects-topbar-wrapper .connect-projects-topbar .connect-projects-title-section h2 {
          line-height: 1;
        }
.trimble-application .connect-projects-topbar-wrapper .connect-project-search {
      position: absolute;
      display: flex;
      width: calc(100% - 2rem);
      top: 5rem;
      margin: 0 1rem;
    }
.trimble-application .input-button-group {
    border-bottom: solid 0.0625rem #D0D0D7;
  }
.trimble-application .input-button-group.search {
      min-height: 3.5rem;
    }
.trimble-application .input-button-group.search:hover input {
        background: transparent;
      }
.trimble-application .input-button-group.search > input {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        outline: 0 !important;
      }
.trimble-application .projects-grid-container {
    margin-top: 1rem;
  }
.trimble-application .projects-grid-container2::before {
    content: "";
    margin: 0.5rem;
    display: block;
  }
@media screen and (max-width: 36rem) {
      .trimble-application .connect-projects-topbar-wrapper .connect-project-search {
        top: 4.2rem;
      }
  }

.blur {
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  position: relative;
  overflow: hidden;
}

.blurry {
  color: transparent;
  text-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
}
.trimble-plugin-host {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.trimble-plugin-host iframe {
    height: 100%;
    width: 100%;
    border: none;
  }

.trimble-ext-popover-host {
  background-color: #fff;
  display: block;
  z-index: 9999;
  position: absolute;
  top: 10%;
  left: 25%;
  bottom: 10%;
  right: 25%;
  /* height: 300px;
   margin: -150px 0 0 -150px; */
}
.trimble-settings {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  border-top: 0.0625rem solid #D0D0D7;
  top: 4.5rem;
  font-size: 0.9rem;
  overflow-x: hidden;
  overflow-y: scroll;
}
.trimble-settings .section {
    margin: 0rem;
  }
.trimble-settings .settings-header-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
.trimble-settings .settings-header-bar:hover {
      background-color: #F3F3F7;
      cursor: pointer;
    }
.trimble-settings .settings-label {
    display: inline-block;
    margin-left: 1rem;
  }
.trimble-settings .settings-select {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
    border: 0.0625rem solid #D0D0D7;
    background-image: url(/icons/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 93%, 0.75rem;
    background-size: 1rem;
  }
.trimble-settings .settings-select:focus,
  .trimble-settings .settings-select:active,
  .trimble-settings .settings-select:hover {
    border: 0.0625rem solid #D0D0D7;
    background-image: url(/icons/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 93%, 0.75rem;
    background-size: 1rem;
    -webkit-appearance: unset;
  }
.trimble-settings .settings-select:disabled {
    background-color: #EAEAEF;
  }
.trimble-settings .trimble-settings-section {
    margin-left: 1rem;
    margin-right: 1rem;
    display: none;
  }
.trimble-settings .trimble-settings-section.visible {
      display: grid;
    }
.trimble-settings .trimble-settings-section.visible.extensions {
        display: table-column-group;
      }
.trimble-settings .trimble-settings-section.project-settings .label.description {
        display: inherit !important;
        padding-left: 2.75rem;
        margin-bottom: 1rem;
        top: -0.75rem;
      }
.trimble-settings .trimble-settings-section.project-settings .custom-toggle .icon-font {
        font-size: 2.25rem !important;
      }
.trimble-settings .trimble-settings-section .trimble-settings-section-header {
      font-weight: 600;
      font-size: 0.875rem;
      margin-top: 1rem;
    }
.trimble-settings .trimble-settings-section .trimble-formatting-singleColumn {
      grid-column: 1 / span 2;
    }
.trimble-settings .trimble-settings-section .trimble-3dview-title {
      margin-top: 1rem;
    }
.trimble-settings .trimble-settings-section.apps-capabilities-notice .alert.warning {
        padding: 0.8rem 1rem;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section {
      margin: 0rem;
      max-width: 22rem;
    }
/* in .trimble-menu-details class the max-width was set to 25rem. This is what remains without the borders and paddigns.*/
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions {
        margin-top: 0.5rem;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions .mt-1 > input[disabled] {
            border: solid 0.0625rem #F3F3F7 !important;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions .end {
          margin: 0 !important;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 .flex-row.mt-2, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 .flex-row.mt-2 {
          max-width: 16rem; /* Left-side panel full width is 19rem. Subtracting paddings and margins.*/
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 .grow button.button:not(.full-width), .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 .grow button.button:not(.full-width) {
            max-width: 5.25rem;
            min-width: 4rem;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 .end, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 .end {
          max-width: 70%;
          margin: 0 !important;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 .end button.button, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 .end button.button {
            padding: 0.25rem !important;
            max-width: undefined;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 .end button + button, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 .end button + button {
            margin-left: 0.125rem !important;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 button.button, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 button.button {
          display: inline-block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 button.button.full-width, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 button.button.full-width {
            display: flex;
            width: 100% !important;
            margin-bottom: 0.5rem;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions + div.flex-row.center.pt-1 button.button.settings-text-button, .trimble-settings .trimble-settings-section .trimble-settings-sub-section.custom-extensions div.flex-row.center.pt-1 button.button.settings-text-button {
            padding-right: 0.125rem;
          }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section.data-table span.label {
          display: block;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .initial {
        flex: initial;
        flex-grow: initial;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .initial > * {
          margin-right: 0px;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section hr {
        margin-top: 0.5em;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .limit-description {
        position: relative;
        padding-left: 2rem;
        top: -0.25rem;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .label.graphics {
        display: inline-block;
        height: 0.5rem;
        min-height: 1rem;
        padding-top: 0.5rem;
        margin-top: 0.5rem;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .settings-advanced-settings-description {
        padding-left: 2.75rem;
        margin-top: -0.5rem;
      }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .settings-advanced-settings-description.disabled {
          opacity: 0.5;
        }
.trimble-settings .trimble-settings-section .trimble-settings-sub-section .triangle-wireframe-label {
        display: inherit;
        font-size: 0.75rem;
        color: inherit !important;
        min-height: 1.5rem;
        align-items: flex-end;
        font-weight: 400;
      }
.trimble-settings .trimble-settings-section .custom-toggle.switch .icon-font {
          font-size: 2.25rem !important;
        }
.trimble-settings .trimble-settings-section .custom-toggle.switch .content {
          padding: 0 !important;
        }
.trimble-settings .trimble-settings-section .select-option {
      margin: 1rem;
      padding: 1rem;
      font-weight: bold;
    }
.trimble-settings .trimble-settings-section .select-option[selected] {
        background-color: #005F9E;
      }
.trimble-settings .trimble-settings-section .flex-column {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: flex-start;
    }
.trimble-settings .trimble-settings-section .flex-row {
      display: flex;
      justify-content: flex-start;
    }
.trimble-settings .trimble-settings-section .flex-row > * {
        flex-grow: initial;
      }
.trimble-settings .trimble-settings-section .flex-row .grow {
        flex-grow: 1 !important;
      }
.trimble-settings .trimble-settings-section .flex-row .end {
        margin-left: 1em;
        align-self: center;
      }
.trimble-settings .trimble-settings-section .flex-row .consent-button {
        align-self: unset;
      }
.trimble-settings .trimble-settings-section .flex-row .action {
        cursor: pointer;
      }
.trimble-settings .trimble-settings-section .flex-row .action.disabled {
          cursor: not-allowed;
        }
.trimble-settings .trimble-settings-section .flex-row .disabled {
        opacity: 0.5;
      }
.trimble-settings .trimble-settings-section .flex-row label {
        min-height: 1rem;
      }
.trimble-settings button.settings-text-button {
    color: #0C77BE;
    text-align: left;
    padding: inherit;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    left: -0.5rem;
  }
.trimble-settings button.settings-text-button:hover {
      background-color: #F3F3F7 !important;
    }
.trimble-settings .trimble-formatting {
    grid: auto / 1fr 1fr;
    grid-gap: 0.2rem 2rem;
  }
.trimble-settings .down-arrow {
    position: absolute;
    right: 1rem;
  }
.trimble-settings .trimble-setting-radio-button-group,
  .trimble-settings .trimble-setting-checkbox-group {
    margin-bottom: 0.5rem;
    grid-column: 1 / span 2;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    max-width: 16rem;
  }
.trimble-settings .trimble-setting-radio-button-group .setting-checkbox, .trimble-settings .trimble-setting-checkbox-group .setting-checkbox {
      margin-right: 1rem;
      flex: none;
      height: 2.5rem;
      line-height: 2.5rem;
    }
.trimble-settings .trimble-setting-radio-button-group .setting-checkbox-text, .trimble-settings .trimble-setting-checkbox-group .setting-checkbox-text {
      flex-grow: 1 !important;
      white-space: nowrap;
    }
.trimble-settings .trimble-setting-radio-button-group span.content, .trimble-settings .trimble-setting-checkbox-group span.content {
      flex: auto !important;
    }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container {
      display: flex;
      flex-direction: column;
    }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .radio-button {
          justify-content: center;
        }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .radio-button.in-group .content {
              display: none;
            }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label {
          display: inline-block;
          min-height: 1rem;
          justify-content: left;
        }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-20,
          .trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-50 {
            padding-left: 0.35rem;
          }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-100,
          .trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-200,
          .trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-500 {
            padding-left: 0.125rem;
          }
.trimble-settings .trimble-setting-radio-button-group .radio-button-container.with-bottom-label .label.pl-1000 {
            padding-left: 0;
          }
.trimble-settings .trimble-setting-quality-slider .rangeslider__labels .rangeslider__label-item {
        left: 0 !important;
        transform: none !important;
        width: auto !important;
      }
.trimble-settings .trimble-setting-quality-slider .rangeslider__labels .rangeslider__label-item:first-of-type {
          left: 100% !important;
          transform: translateX(-100%) !important;
          text-align: right !important;
        }
.trimble-settings .trimble-setting-lod-slider .rangeslider__labels .rangeslider__label-item {
        padding-left: 8px;
        width: auto !important;
      }
.trimble-settings .trimble-setting-lod-slider .rangeslider__labels .rangeslider__label-item:first-of-type {
          left: 100% !important;
          transform: translateX(-100%) !important;
          text-align: right !important;
        }
.trimble-settings .trimble-slider {
    height: 3rem !important;
  }
.trimble-settings .trimble-setting-transparency-peels-slider .rangeslider__labels .rangeslider__label-item {
        width: auto !important;
      }
.trimble-settings .trimble-setting-transparency-peels-slider .rangeslider__labels .rangeslider__label-item:first-of-type {
          left: 100% !important;
          transform: translateX(-100%) !important;
          text-align: right !important;
        }
.trimble-settings .trimble-setting-color-palette-group {
    width: 17rem;
    grid-column: 1 / span 2;
    position: relative;
    left: -0.35rem !important;
  }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting {
      float: left;
      width: 1.5rem;
      height: 1.5rem;
      margin: 0.4rem;
      border-radius: 0.3rem;
      border: 0.05rem solid #D0D0D7;
      cursor: pointer;
    }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting .icon-font {
        color: #005F9E;
        visibility: collapse;
      }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting .icon-font.white-check {
          color: #FFFFFF !important;
        }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting .cut-edge-highlight-color-icon-font {
        color: unset;
        visibility: collapse;
      }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting.selected {
        border-color: #005F9E;
      }
.trimble-settings .trimble-setting-color-palette-group .color-palette-setting.selected .icon-font {
      visibility: visible;
    }

.trimble-settings hr:first-child {
  display: none;
}

.viewer-settings .trimble-settings {
    border-top: none;
    top: 4.075rem;
  }

.viewer-settings .trimble-settings .trimble-settings-section.visible.apps-capabilities-notice {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
.trimble-web3d-viewer {
  overflow: hidden;
}
/* Minimum width for desktop, laptop, tablet and phone. */

/* Default height of Main-toolbar, Bottom-toolbar, Selection-menu, Context-menu. */

.trimble-workspace {
  background-color: transparent !important;
}

.trimble-workspace #web3dViewer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
  }

.trimble-workspace .trimble-workspace-container {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    left: 0;
    top: 3.3125rem;
    right: 0;
    bottom: 0;
  }

.trimble-workspace .trimble-workspace-container .panel-title {
      overflow: unset;
    }

.trimble-workspace .trimble-workspace-container .sub-toolbar-container {
      display: flex;
      align-content: flex-end;
      justify-content: flex-end;
      position: relative;
      cursor: auto;
      right: 0.5rem;
      top: 0.5rem;
    }

.trimble-workspace .trimble-workspace-container .sub-toolbar-container button.vr {
        max-height: 2.5rem;
        padding: 0 1rem;
      }

@media screen and (max-width: 75rem) {

.trimble-workspace .trimble-workspace-container {
      top: 3.3125rem
      /* main toolbar moved to the bottom */
  }

      .trimble-workspace .trimble-workspace-container.no-main-toolbar {
        bottom: 0;
      }
    }

.trimble-workspace .trimble-workspace-project-name {
    margin: 0 0.31rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.trimble-workspace .trimble-workspace-user {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }

.trimble-workspace .navisworks-beta-badge {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    padding: 0.1875rem 0.5rem 0.3125rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    border-radius: 5.125rem;
    color: #FFFFFF;
    background-color: #005F9E;
    box-shadow: 0 0 0.375rem #AEAEB6;
    pointer-events: none;
  }

.trimble-workspace .trimble-workspace-status {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    font-size: 0.8em;
    background-color: #000000;
    border-top-left-radius: 0.12rem;
    padding: 0.12rem 0.62rem;
    z-index: 1;
  }

.trimble-workspace .trimble-workspace-content {
    position: relative;
    flex-grow: 1;
  }

.trimble-workspace .trimble-workspace-content.no-main-toolbar {
      top: -3.3125rem;
      height: calc(100% + 3.3125rem);
    }

@media screen and (max-width: 75rem) {

.trimble-workspace .trimble-workspace-content .Pane.horizontal.Pane2 {
        bottom: 0 !important
    }
      }

.trimble-workspace .trimble-workspace-no-model {
    z-index: 2;
    display: flex;
    justify-content: center;
  }

.trimble-workspace .trimble-workspace-no-model .no-model-inner {
      position: absolute;
      top: 40%;
      height: 5rem;
      width: auto;
      padding: 0.25rem;
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: wrap;
      opacity: 0.5;
    }

.trimble-workspace .trimble-workspace-no-model .no-model-inner div {
        flex: 1 0 100%;
        text-align: center;
      }

.trimble-workspace .trimble-workspace-no-model .no-model-inner div i.icon-font {
          font-size: 3rem;
          opacity: 0.3;
        }

.trimble-workspace .trimble-workspace-no-model .no-model-inner div p {
          font-size: 1rem;
        }

.trimble-workspace .trimble-workspace-no-model .no-model-inner.capture-view-360 {
        top: 35%;
        height: auto;
        opacity: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        color: #363545;
      }

.trimble-workspace .trimble-workspace-no-model .no-model-inner.capture-view-360 .capture-view-360-icon {
          color: #6b6a7a;
          font-size: 2rem;
          margin-bottom: 0.75rem;
        }

.trimble-workspace .trimble-workspace-no-model .no-model-inner.capture-view-360 .capture-view-360-title {
          color: #6b6a7a;
          font-size: 1.25rem;
          font-weight: 600;
          line-height: 1.5rem;
          margin: 0 0 0.5rem;
        }

.trimble-workspace .trimble-workspace-no-model .no-model-inner.capture-view-360 .capture-view-360-description {
          color: #6b6a7a;
          font-size: 0.875rem;
          line-height: 1.25rem;
          margin: 0 0 2rem;
          max-width: 18rem;
          text-align: center;
        }

.trimble-workspace .trimble-workspace-no-model .no-model-inner.capture-view-360 .capture-view-360-button {
          display: inline-flex;
          align-items: center;
        }

.trimble-workspace .trimble-workspace-tabs {
    width: 2.5rem;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center !important;
    transition: background-color 0.3s ease;
    z-index: 3;
  }

.trimble-workspace .trimble-workspace-tabs.no-top-toolbars {
      top: -3.3125rem;
      height: calc(100% + 3.3125rem);
    }

.trimble-workspace .trimble-workspace-tabs.no-tabs-selected .trimble-workspace-tabs-selector {
        margin-left: 0;
        height: auto;
      }

@media screen and (max-width: 75rem) {

.trimble-workspace .trimble-workspace-tabs {
      top: 3.3125rem;
      height: calc(100% - 3.3125rem)
  }

      .trimble-workspace .trimble-workspace-tabs.no-menu-toolbar,
      .trimble-workspace .trimble-workspace-tabs.no-top-toolbars {
        top: 0;
        height: 100%;
      }
    }

.trimble-workspace .trimble-workspace-tabs.selected {
      min-width: 15rem !important;
      width: 22rem;
      align-items: stretch;
      background-color: #FFFFFF;
      border-top-right-radius: 0.12rem;
      box-shadow: 0rem 0rem 0.06rem rgba(54,53,69,0.2),       0.12rem 0.12rem 0.5rem rgba(54,53,69,0.30);
    }

.trimble-workspace .trimble-workspace-tabs.selected .trimble-workspace-tabs-selector.trimble-toolbar.selected {
        box-shadow: none;
      }

.trimble-workspace .trimble-workspace-tabs .trimble-tabs-dragbar {
      background-color: transparent;
      width: 0.4rem;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -0.2rem;
      margin: 0;
    }

.trimble-workspace .trimble-workspace-rotation-slider {
    position: absolute;
    top: 4rem;
    left: calc((100% - 22.5rem) / 3 + 22.5rem);
    width: 20rem;
    z-index: 4;
    background: #FFFFFF;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
    padding: 0.75rem;
    min-width: 15rem;
    min-height: 3.5rem;
    height: auto;
  }

.trimble-workspace .trimble-workspace-rotation-slider .title {
      margin: 0;
      font-size: 0.75rem;
      white-space: nowrap;
    }

@media screen and (max-width: 48rem) {

.trimble-workspace .trimble-workspace-rotation-slider {
      left: calc((50% - 22.5rem) / 3 + 22.5rem) !important;
      width: calc((100% - 22.5rem) / 3)
  }
    }

@media screen and (max-width: 30rem) {

.trimble-workspace .trimble-workspace-rotation-slider {
      left: 0 !important;
      margin: 2rem;
      width: calc(100% - 4rem)
  }
    }

.trimble-workspace .loading-view {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 0.75rem;
    box-shadow: 0 0 0.375rem #AEAEB6;
    background-color: #FFFFFF;
  }

@media screen and (max-width: 75rem) {

.trimble-workspace .loading-view {
      top: calc(50% - 3.3125rem) /* Subtract the main toolbar's height which has moved to the bottom. */
  }
    }

@media screen and (max-width: 62rem) {

.trimble-workspace .loading-view {
      top: 45%;
      left: 45%
  }
    }

.trimble-workspace .loading-attachments {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    padding: 0.25rem 0.5rem;
    box-shadow: 0 0 0.375rem #AEAEB6;
    background-color: #FFFFFF;
  }

.trimble-workspace .clashSet-error {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 45%;
    left: 40%;
    padding: 0.75rem;
    max-width: 17.5rem;
    text-align: center;
  }

.trimble-workspace .clashSet-error i {
      font-size: 2.5rem;
      padding-bottom: 1rem;
    }

@media screen and (max-width: 62rem) {

.trimble-workspace .clashSet-error {
      top: 45%;
      left: 45%
  }
    }

.trimble-workspace .trimble-workspace-tabs-selector {
    transition: background-color 0.3s ease;
  }

.trimble-workspace .trimble-workspace-tabs-selector.trimble-toolbar.selected {
      background-color: #E2E2E7;
      border-radius: 0;
      height: 100%;
      box-shadow:
        0 0 0.06rem rgba(54, 53, 69, 0.2),
        0.012rem 0.12rem 0.25rem rgba(54, 53, 69, 0.3);
    }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button {
      border-radius: 0;
      background: #E2E2E7;
      border-top: 0.0625rem solid #E2E2E7;
      border-bottom: 0.0625rem solid #E2E2E7;
      flex-shrink: 0;
    }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button:disabled {
        pointer-events: auto;
        cursor: not-allowed;
        opacity: 0.4;
      }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button.selected {
        background: #FFFFFF;
        color: #197CB6;
      }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button.selected:hover {
          background: #FFFFFF;
          color: #197CB6;
        }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button.selected img {
          filter: brightness(0) saturate(100%) invert(40%) sepia(44%) saturate(1532%) hue-rotate(169deg) brightness(89%);
        }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button:hover {
        background: #F3F3F7;
      }

.trimble-workspace .trimble-workspace-tabs-selector button.trimble-tabs-selector-button .icon-font {
        width: 2rem !important;
        font-size: 1.5rem !important;
      }

.trimble-workspace .trimble-workspace-tabs-selector .hide-data-table {
      display: none !important;
    }

.trimble-workspace .trimble-workspace-tabs-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.5rem;
    right: 0;
    padding: 0 0.62rem;
  }

.trimble-workspace .trimble-workspace-tabs-content .trimble-tabs-content-pane {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

.trimble-workspace .trimble-workspace-tabs-content .trimble-workspace-tabs-content-toolbar {
      position: absolute;
      top: 0.31rem;
      right: 0.5rem;
      display: grid;
      grid-auto-flow: column;
      grid-column-gap: 0.25rem;
    }

.trimble-workspace .trimble-workspace-tabs-content .trimble-workspace-tabs-content-toolbar .trimble-workspace-tabs-content-filter {
        width: 7.5rem;
      }

.trimble-workspace .trimble-workspace-details {
    position: relative;
    width: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    visibility: collapse;
    z-index: 1;
  }

.trimble-workspace .trimble-workspace-details.show {
      background-color: #FFFFFF;
      border-top-left-radius: 0.12rem;
      box-shadow: 0rem 0rem 0.06rem rgba(54,53,69,0.2),       0.12rem 0.12rem 0.5rem rgba(54,53,69,0.30);
      visibility: visible;
      width: 19rem;
      width: var(--agentic-panel-min-width, 19rem);
      z-index: 4;
    }

.trimble-workspace .trimble-workspace-details.visible-overflow {
      overflow: visible;
    }

.trimble-workspace .trimble-workspace-details.visible-overflow .trimble-workspace-details-content {
        overflow-y: visible;
      }

.trimble-workspace .trimble-workspace-details .trimble-workspace-details-content {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow-y: auto;
    }

.trimble-workspace .trimble-workspace-details .details-button-area {
      float: right;
    }

.trimble-workspace .trimble-workspace-details .trimble-workspaces-details-close,
    .trimble-workspace .trimble-workspace-details .trimble-workspaces-details-edit {
      position: absolute;
      top: 1rem;
      outline-color: transparent;
      background: transparent;
    }

.trimble-workspace .trimble-workspace-details .trimble-workspaces-details-edit {
      right: 2.7rem;
      font-size: 1rem;
    }

.trimble-workspace .trimble-workspace-details .trimble-workspaces-details-close {
      right: 0.8rem;
      font-size: 1rem;
    }

.trimble-workspace .trimble-workspace-details .trimble-workspaces-details-close > .icon-font,
    .trimble-workspace .trimble-workspace-details .trimble-workspaces-details-edit > .icon-font {
      font-size: 1.3rem;
    }

.trimble-workspace .trimble-workspace-details label,
    .trimble-workspace .trimble-workspace-details label.label {
      display: flex;
      font-size: 0.75rem;
      color: #6A6976 !important;
      min-height: 1.5rem;
      align-items: center;
      font-weight: 400;
      margin-bottom: 0;
    }

.trimble-workspace .trimble-workspace-details label.text, .trimble-workspace .trimble-workspace-details label.label.text {
        white-space: pre;
      }

.trimble-workspace .trimble-workspace-details input[disabled],
    .trimble-workspace .trimble-workspace-details select[disabled],
    .trimble-workspace .trimble-workspace-details textarea[disabled] {
      padding-left: 0 !important;
      color: #363545 !important;
    }

.trimble-workspace .trimble-workspace-details textarea:-ms-input-placeholder, .trimble-workspace .trimble-workspace-details input[type="email"]:-ms-input-placeholder, .trimble-workspace .trimble-workspace-details input[type="number"]:-ms-input-placeholder, .trimble-workspace .trimble-workspace-details input[type="password"]:-ms-input-placeholder, .trimble-workspace .trimble-workspace-details input[type="text"]:-ms-input-placeholder, .trimble-workspace .trimble-workspace-details select:-ms-input-placeholder {
      font-family:
        Open Sans,
        sans-serif !important;
      font-style: italic;
      color: #9D9DA6 !important;
      padding-top: 0.5rem;
    }

.trimble-workspace .trimble-workspace-details textarea::placeholder,
    .trimble-workspace .trimble-workspace-details input[type="email"]::placeholder,
    .trimble-workspace .trimble-workspace-details input[type="number"]::placeholder,
    .trimble-workspace .trimble-workspace-details input[type="password"]::placeholder,
    .trimble-workspace .trimble-workspace-details input[type="text"]::placeholder,
    .trimble-workspace .trimble-workspace-details select::placeholder {
      font-family:
        Open Sans,
        sans-serif !important;
      font-style: italic;
      color: #9D9DA6 !important;
      padding-top: 0.5rem;
    }

.trimble-workspace .trimble-workspace-details textarea:-ms-input-placeholder {
      padding-top: 0.2rem !important;
    }

.trimble-workspace .trimble-workspace-details textarea::placeholder {
      padding-top: 0.2rem !important;
    }

.trimble-workspace .pointcloud-settings {
    display: flex;
    flex-direction: column;
  }

.trimble-workspace .pointcloud-settings .pointcloud-settings-title {
      font-size: 1.375rem;
      padding: 0 0.5rem 0 1rem;
      width: 100%;
      display: flex;
      align-items: center;
      font-weight: 600;
      min-height: 4.4rem;
    }

.trimble-workspace .pointcloud-settings .trimble-settings {
      top: 4.4rem;
      flex-grow: 1 !important;
    }

.trimble-workspace .pointcloud-settings .trimble-settings .trimble-settings-section .slider-div {
          display: inline-block;
        }

.trimble-workspace .pointcloud-settings .trimble-settings .trimble-settings-section .slider-value {
          margin-left: 45%;
          margin-bottom: 0.5rem;
        }

.trimble-workspace .trimble-workspace-model-tree,
  .trimble-workspace .trimble-workspace-todos,
  .trimble-workspace .trimble-todo {
    position: absolute;
    top: 3rem;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    padding-bottom: 0.3rem;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 0.81rem;
  }

.trimble-workspace .trimble-workspace-model-tree .trimble-todo-date, .trimble-workspace .trimble-workspace-todos .trimble-todo-date, .trimble-workspace .trimble-todo .trimble-todo-date {
      margin-left: 0.62rem;
      font-size: 0.85em;
      color: #363545;
    }

.trimble-workspace .trimble-workspace-model-tree .snapshot, .trimble-workspace .trimble-workspace-todos .snapshot, .trimble-workspace .trimble-todo .snapshot {
      width: 100%;
      height: 7rem;
      font-size: 1rem;
      font-style: italic;
      border-top: 0.0625rem solid #BFBFC6;
      border-bottom: 0.0625rem solid #BFBFC6;
      display: flex;
      justify-content: center;
      flex-basis: inherit;
      flex-direction: column;
      text-align: center;
    }

.trimble-workspace .trimble-workspace-model-tree section, .trimble-workspace .trimble-workspace-todos section, .trimble-workspace .trimble-todo section {
      padding-left: 0.8rem;
      padding-right: 0.8rem;
    }

.trimble-workspace .trimble-workspace-model-tree div.separator, .trimble-workspace .trimble-workspace-todos div.separator, .trimble-workspace .trimble-todo div.separator {
      border-bottom: 0.0625rem solid #D0D0D7;
    }

.trimble-workspace .trimble-workspace-model-tree .subtitle, .trimble-workspace .trimble-workspace-todos .subtitle, .trimble-workspace .trimble-todo .subtitle {
      font-size: 0.78rem;
      font-weight: bold;
    }

.trimble-workspace .trimble-property-view {
    position: relative;
    margin: 0.31rem;
    padding-bottom: 0.31rem;
    font-size: 0.81rem;
  }

.trimble-workspace .trimble-todos {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

.trimble-workspace .trimble-workspace-tabs-content h1,
    .trimble-workspace .trimble-workspace-tabs-content h2,
    .trimble-workspace .trimble-workspace-tabs-content h3,
    .trimble-workspace .trimble-workspace-details-content h1,
    .trimble-workspace .trimble-workspace-details-content h2,
    .trimble-workspace .trimble-workspace-details-content h3 {
      margin: 0.31rem;
      display: inline-block;
    }

.trimble-workspace .trimble-workspace-details-content h3 {
      height: 2.5rem;
      line-height: 2.5rem;
      color: #363545;
      font-size: 1rem;
      font-weight: bold;
      margin-left: 0.8rem;
      margin-right: 0.8rem;
    }

.trimble-workspace.top {
    background-color: #f9f9fb;
  }

.trimble-workspace .trimble-workspace-instructions {
    background: #FFFFFF;
    position: fixed;
    right: -1rem;
    top: 4rem;
    padding: 1rem;
    min-width: 21rem;
    max-width: 21.5rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
  }

.trimble-workspace .trimble-workspace-instructions.show {
      right: 1rem;
      transform: translateX(0);
    }

.trimble-workspace .trimble-workspace-instructions .title {
      color: #363545;
      font-weight: 600;
    }

.trimble-workspace .trimble-workspace-instructions .text {
      line-height: 1.5rem;
      margin-bottom: 0;
      padding-top: 0.125rem;
      white-space: pre-line;
    }

@media screen and (max-width: 75rem) {
    .trimble-workspace .trimble-user span {
      display: none;
    }

    .trimble-workspace .trimble-workspace-tabs,
    .trimble-workspace .trimble-workspace-status,
    .trimble-workspace .trimble-workspace-details {
      bottom: calc(3rem + 0.3125rem);
    }

    .trimble-workspace .trimble-workspace-details.show {
      width: 19rem !important;
      top: 0;
    }

    .trimble-workspace .trimble-user .trimble-dropdown-content {
      left: initial;
    }

    .trimble-workspace .trimble-workspace-tabs.selected {
      width: 21rem !important;
    }
  }

@media screen and (max-width: 75rem) and (orientation: portrait) {
  }

@media screen and (max-width: 75rem) and (orientation: landscape) {
  }

@media screen and (max-width: 62rem) and (orientation: portrait) {
    .trimble-workspace .trimble-workspace-tabs.selected {
      width: 17.5rem !important;
    }

    .trimble-workspace .trimble-workspace-details.show {
      width: 17.5rem !important;
    }

      .trimble-workspace .trimble-workspace-details.show .trimble-settings .trimble-setting-color-palette-group {
        width: unset;
      }
  }

@media screen and (max-width: 62rem) and (orientation: landscape) {
  }

@media screen and (max-width: 48rem) and (orientation: landscape) {
  }

@media screen and (max-width: 30rem) {

.trimble-workspace {
    width: 100% !important;

    /*
     * Phone workaround: render the open Models/Views and details panels as overlays on top of the viewer
     * instead of as flex siblings. TCS-9594
     */
}

    .trimble-workspace .trimble-workspace-menu-tool-bar {
      width: 100% !important;
    }
    .trimble-workspace .trimble-workspace-details.show,
    .trimble-workspace .trimble-workspace-tabs.selected {
      position: absolute;
      left: 0;
      width: 100% !important;
      z-index: 4;
    }

    .trimble-workspace .trimble-workspace-instructions {
      top: 4rem;
      min-width: 95%;
    }

      .trimble-workspace .trimble-workspace-instructions.show {
        right: 2.5%;
      }
  }

.trimble-workspace{

  background-color: #f9f9fb;
  padding-right: 0;
}

.submodel-properties-restricted [data-cy="toolbar-item__add-properties"],
  .submodel-properties-restricted [data-cy="toolbar-item__manage-pset-libraries"] {
    position: relative;
    opacity: 0.5;
  }

.multi-selection-properties-restricted [data-cy="toolbar-item__add-properties"],
  .multi-selection-properties-restricted [data-cy="multi-selection-panel__content"] .empty.small .tooltip-wrapper,
  .multi-selection-properties-restricted [data-cy="pset-panel-middle"] .empty.small .tooltip-wrapper {
    position: relative;
    opacity: 0.5;
  }

.submodel-properties-restricted .property-panel-item-overlay, .multi-selection-properties-restricted .property-panel-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    cursor: not-allowed;
  }

/* Appended to document.body (not nested under the overlay) so it can't be clipped by the properties
panel's scroll/overflow container, and shown/hidden via JS with no native browser hover delay.
Sized/colored to match the app-wide `.trimble-tooltip` (react-tooltip) style used for the left panel
icons and other `data-tip` tooltips, so both look consistent.
*/
.submodel-restriction-tooltip {
  position: fixed;
  transform: translate(-50%, calc(-100% - 0.375rem));
  z-index: 10000;
  padding: 0.5rem;
  border-radius: 0.1875rem;
  background-color: #363545;
  color: #FFFFFF;
  font-size: 0.75rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.1s ease-in;
}
.submodel-restriction-tooltip.visible {
    opacity: 1;
    visibility: visible;
  }
.trimble-navigation-menu .navigation-menu-overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    cursor: pointer;
  }
.trimble-navigation-menu .trimble-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 18rem;
    height: 100%;
    background: #FFFFFF;
    z-index: 101;
  }
.trimble-navigation-menu .trimble-menu.active {
      width: 40rem;
    }
.trimble-navigation-menu .trimble-menu .trimble-menu-list {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #EAEAEF;
    }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box {
        height: 3rem;
        display: flex;
        align-items: center;
        border-left: 0.25rem solid transparent;
        padding: 0 1rem;
      }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box .icon-font {
          margin-right: 1rem;
        }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box .menu-item-name {
          font-size: 0.875rem;
          color: #363545;
          font-weight: 400;
        }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box.selected {
          background: #FFFFFF;
          border-left: 0.25rem solid #0C77BE;
        }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box.selected .icon-font {
            color: #0C77BE;
          }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box.selected .menu-item-name {
            color: #0C77BE;
            font-weight: 600;
          }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box.selected:hover {
            background: #FFFFFF;
            border-left: 0.25rem solid #0C77BE;
          }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box:hover {
          background-color: #F3F3F7;
          cursor: pointer;
        }
.trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box:first-child {
        margin-top: 0.5rem;
      }
.trimble-navigation-menu .trimble-menu .trimble-menu-list.active {
        width: 15rem;
      }
.trimble-navigation-menu .trimble-menu .trimble-menu-details {
      position: absolute;
      top: 0;
      right: 0;
      width: 25rem;
      height: 100%;
    }
.trimble-navigation-menu .trimble-menu .trimble-menu-details .menu-details-title {
        display: inline-block;
        margin-left: 1rem;
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
        line-height: 1.1rem;
      }
.trimble-navigation-menu .trimble-menu .trimble-menu-details .connect-project-search {
        top: 1rem !important;
      }
@media screen and (min-width: 768px) and (max-width: 1200px) {
      .trimble-navigation-menu .trimble-menu.active {
        width: 40rem;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list {
        width: 100%;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list.active {
        width: 15rem;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-details {
        width: 25rem;
      }
    }
@media screen and (max-width: 768px) {
      .trimble-navigation-menu .trimble-menu.active {
        width: 100%;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list {
        width: 100%;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list.active {
        width: 15rem;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-details {
        width: calc(100% - 15rem);
      }
    }
@media screen and (max-width: 576px) {
.trimble-navigation-menu .trimble-menu {

      width: 100%
  }
      .trimble-navigation-menu .trimble-menu.active {
        width: 100%;
      }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list {
        width: 100%;
      }
          .trimble-navigation-menu .trimble-menu .trimble-menu-list .trimble-menu-list-item-box .menu-item-name {
            display: inline-block;
          }

      .trimble-navigation-menu .trimble-menu .trimble-menu-list.active {
        width: 4rem;
      }
          .trimble-navigation-menu .trimble-menu .trimble-menu-list.active .trimble-menu-list-item-box .menu-item-name {
            display: none;
          }

      .trimble-navigation-menu .trimble-menu .trimble-menu-details {
        width: calc(100% - 4rem);
      }
    }
button.trimble-image-button img {
    width: 1.25rem;
    height: 1.25rem;
  }
.trimble-about {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  left: 0rem;
  bottom: 0;
  top: 4.5rem;
  font-size: 0.875rem;
}
.trimble-about h1,
  .trimble-about h2,
  .trimble-about h3,
  .trimble-about h4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
.trimble-about .about-hr {
    margin: 0rem;
  }
.trimble-about .tab-button {
    font-size: 1.2rem;
    padding: 1rem;
  }
.trimble-about .tab-button.selected {
      color: #07599B;
      background-color: transparent;
      border-bottom: #07599B solid 0.2rem;
    }
.trimble-about .tab-button:hover {
      background-color: transparent;
    }
.trimble-about .about-content {
    padding: 0.5rem 1rem 2rem;
    border-top: 0.0625rem solid #D0D0D7;
    overflow-y: scroll;
    overflow-x: hidden;
  }
.trimble-about .trimble-about-tips {
    width: 100%;
    height: 0;
    /* 16 x 9 aspect ratio. */
    padding-bottom: 56.25%;
    position: relative;
  }
.trimble-about .trimble-about-tips .player {
      position: absolute;
      top: 4rem;
      width: 100%;
      height: 50%;
    }
.trimble-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  display: grid;
  align-items: center;
  justify-items: center;
  background-color: rgba(10, 10, 10, 0.45);
}
.trimble-dialog section {
    margin-top: 0;
    margin-bottom: 0;
  }
.trimble-dialog .error-message {
    color: #C81922 !important;
    font-size: 0.75rem !important;
  }

@media (max-width: 767px) {
    .trimble-dialog .reveal.small {
      min-width: 80%;
      max-width: 90%;
      min-height: auto;
      top: 0;
    }
}
.trimble-workspace .trimble-workspace-toolbars {
    position: absolute;
    top: 0;
    left: 22.3125rem;
    z-index: 2;
  }
.trimble-workspace .trimble-workspace-toolbars.no-menu-toolbar {
      /*TC3DV-1100: configuring 1px left position in this case, so that the dropDown menu position calculation would work correctly.*/
      left: 0.0625rem;
      width: 100%;
    }
.trimble-workspace .trimble-toolbar {
    z-index: 8;
  }
.trimble-workspace .trimble-toolbar button {
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0rem;
      border-radius: 0.1875rem;
      padding: 0 0.25rem;
      transition: background-color 0.2s ease-in-out;
      height: 2.5rem;
      min-width: 2.5rem;
      align-items: center;
    }
.trimble-workspace .trimble-toolbar button img {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
      }
.trimble-workspace .trimble-toolbar.left {
    padding: 0;
  }
.trimble-workspace .trimble-toolbar.left button {
      display: block;
    }
.trimble-workspace .trimble-workspace-menu-toolbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 22rem;
  }
.trimble-workspace .trimble-workspace-menu-toolbar.top-left {
      display: inline-flex;
      justify-content: space-between;
      height: 3rem;
      background-color: #FFFFFF;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
.trimble-workspace .trimble-workspace-menu-toolbar.top-left button {
        flex-grow: 0;
      }
.trimble-workspace .trimble-workspace-menu-toolbar.top-left button.menu {
        background-color: transparent;
      }
.trimble-workspace .trimble-workspace-menu-toolbar.top-left .trimble-workspace-project-name {
        flex-grow: 2;
      }
.trimble-workspace .trimble-workspace-menu-toolbar button {
      flex-grow: 1;
      display: inline-block;
      white-space: nowrap;
      border-radius: 0.1875rem;
      padding: 0 0.25rem;
      transition: background-color 0.2s ease-in-out;
      width: 2.5rem;
      height: 2.5rem;
    }
.trimble-workspace .trimble-workspace-menu-toolbar button:hover {
        background-color: #F3F3F7 !important;
      }
.trimble-workspace .trimble-workspace-menu-toolbar .trimble-dropdown-content button {
      padding: 0.62rem 0.93rem;
      margin: 0rem;
      text-align: left;
      font-size: 0.87rem;
      text-decoration: none;
    }
.trimble-workspace .trimble-workspace-menu-toolbar .trimble-dropdown:hover .trimble-dropdown-content {
      display: grid;
      align-content: start;
      justify-content: start;
      grid-auto-flow: row;
      padding: 0;
    }
.trimble-workspace .trimble-sliding-toolbar {
    display: inline-block;
    border: 0;
    border-radius: 0.125rem;
    z-index: 7;
    /* subtract the width of left side menu toolbar */
    width: calc(100% - 22.3125rem);
  }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      background-color: #FFFFFF;
      height: 3rem;
    }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area hr {
        height: 3rem;
        border: none;
        border-right: 0.0625rem solid #D0D0D7;
        margin: 0 0.175rem;
      }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content {
        position: relative;
        flex-grow: 1;
        display: flex;
        overflow: hidden;
        touch-action: pan-y;
      }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content:focus {
          outline: 0 !important;
        }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content hr:first-child {
          display: none;
        }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group {
          display: flex;
          padding: 0.25rem 0;
        }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group.hidden {
            display: none;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command {
            flex-grow: 1;
            display: inline-block;
            white-space: nowrap;
            border-radius: 0.1875rem;
            padding: 0 0.25rem;
            transition: background-color 0.2s ease-in-out;
            width: 2.5rem;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.active {
              background-color: #EAEAEF !important;
              transition: background-color 0.5s ease-in-out;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.checked,
            .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.chekked.active {
              color: #FFFFFF !important;
              background-color: #0C77BE !important;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.text-button {
              color: #0C77BE;
              font-size: 0.875rem;
              font-weight: 600;
              width: auto;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.text-button .icon-font.none {
                display: none;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.text-bold {
              font-weight: 700 !important;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.split-button {
              width: 4rem;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.split-button .icon-font {
                display: block;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.split-button .icon-font:before {
                position: relative;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.split-button .icon-font:after {
                font-size: 1.5rem;
                display: inline-block;
                position: relative;
                content: "\e945";
                left: 0.5rem;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.action-button {
              min-width: 2.5rem;
              width: 2.5rem;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.selection-button {
              min-width: 1.5rem;
              width: 1.5rem;
              padding-left: 0 !important;
              margin-left: 0 !important;
              border-left: 0.0625rem transparent solid;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.selection-button .open-up {
                display: none;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.selection-button .open-down {
                display: block;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.disabled {
              cursor: not-allowed;
              opacity: 0.5;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.disabled:not(.checked) {
                color: #8C8B96 !important;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command:not(:first-child) {
            margin-left: 0.375rem;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command:not(.active):not(.checked):not(.disabled):hover {
            background-color: #F3F3F7 !important;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command.split-button.active:hover {
            background-color: #EAEAEF !important;
            transition: background-color 0.5s ease-in-out;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button,
          .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button {
            display: flex;
            align-items: inherit;
          }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button:not(:first-child), .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button:not(:first-child) {
              margin-left: 0.375rem;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button:hover .action-button, .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button:hover .action-button {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                transition:
                  border-top-right-radius 0.5s ease-in-out,
                  border-bottom-right-radius 0.5s ease-in-out;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button:hover .action-button:not(.active):not(.checked):not(.disabled), .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button:hover .action-button:not(.active):not(.checked):not(.disabled) {
                background-color: #F3F3F7 !important;
                transition: background-color 0.5s ease-in-out;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button:hover .selection-button, .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button:hover .selection-button {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
                border-left: 0.0625rem solid #D0D0D7 !important;
                transition:
                  border-left 0.5s ease-in-out,
                  border-top-left-radius 0.5s ease-in-out,
                  border-bottom-left-radius 0.5s ease-in-out;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button:hover .selection-button:not(.active):not(.disabled), .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button:hover .selection-button:not(.active):not(.disabled) {
                background-color: #F3F3F7 !important;
                transition: background-color 0.5s ease-in-out;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button .action-button .active, .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button .action-button .active {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                transition:
                  border-top-right-radius 0.5s ease-in-out,
                  border-bottom-right-radius 0.5s ease-in-out;
              }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button .action-button .active:not(.active):not(.checked):not(.disabled), .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button .action-button .active:not(.active):not(.checked):not(.disabled) {
                  background-color: #F3F3F7 !important;
                  transition: background-color 0.5s ease-in-out;
                }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-button .selection-button.active, .trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .action-split-togge-button .selection-button.active {
              border-top-left-radius: 0 !important;
              border-bottom-left-radius: 0 !important;
              border-left: 0.0625rem solid #D0D0D7 !important;
              transition:
                border-left 0.5s ease-in-out,
                border-top-left-radius 0.5s ease-in-out,
                border-bottom-left-radius 0.5s ease-in-out;
            }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group:first-of-type {
          padding-left: 0.375rem;
        }
.trimble-workspace .trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group:last-of-type .trimble-toolbar-command:last-of-type {
            margin-right: 0.5rem;
          }
.trimble-workspace .trimble-sliding-toolbar .split-button-options .trimble-dropdown-content {
      top: 0.5rem;
      right: auto;
      background-color: #FFFFFF !important;
      font-size: 0.875rem;
    }
.trimble-workspace .trimble-sliding-toolbar .split-button-options .trimble-dropdown-content hr {
        margin: 0.5rem 0;
      }
.trimble-workspace .trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button.has-sub-menu {
        display: flex !important;
        justify-content: space-between !important;
      }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content {
      display: inline-table !important;
    }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content.model-transparency-settings {
        top: 0.5rem;
        height: 4rem;
        width: 18em;
        padding: 1rem;
        background-color: #FFFFFF;
      }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content.model-transparency-settings .title {
          margin: 0;
          font-size: 0.75rem;
          white-space: nowrap;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content.model-transparency-settings .transparency-slider {
          min-height: 3.5rem;
          height: auto;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button {
        height: 2.5rem;
        line-height: 2.5;
        border-radius: 0;
        width: 100%;
        padding: 0rem 1rem;
        display: flex;
        flex-grow: 1 !important;
        justify-content: left;
      }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button:hover {
          background-color: #F3F3F7 !important;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button.selected {
          color: #FFFFFF !important;
          background-color: #0C77BE !important;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button.checked {
          color: #FFFFFF !important;
          background-color: #0C77BE !important;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button.checked label {
            color: inherit !important;
          }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button .camera-dropdown-options-tooltip {
          line-height: 1.5 !important;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button .icon-font {
          float: left;
          line-height: 2.5rem !important;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button .icon-font.none {
            display: none;
            padding-left: 1.75rem;
          }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button label {
          display: inline-block;
          padding: 0.125rem 0.5rem;
          color: inherit !important;
          font-size: 0.875rem;
          font-weight: 400;
          margin-bottom: 0;
          white-space: pre;
          cursor: pointer;
        }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button label.name {
            flex: 1 !important;
            text-align: left;
          }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button label.key span {
              color: #8C8B96;
              padding: 0.1rem;
            }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button label.key span.selected {
                color: inherit;
              }
.trimble-workspace .trimble-sliding-toolbar .split-button-options.trimble-dropdown-open .trimble-dropdown-content button label.key span + span {
                margin-left: 0.5rem;
              }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container,
    .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container {
      position: absolute;
      width: 0;
      height: 0;
    }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content {
        width: auto;
        min-width: 14.5rem;
        font-size: 0.875rem;
        z-index: 10;
        background-color: #FFFFFF;
        padding: 0;
      }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings), .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) {
          padding: 0.5rem 0;
        }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button {
            width: 100%;
            padding: 0 1rem;
            height: 2.5rem;
            text-align: left;
            color: #363545;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button .icon-font, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button .icon-font {
              margin-left: 0.75rem;
              float: left;
            }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button label, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button label {
              text-align: left;
              color: inherit !important;
            }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button .icon-font + label, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button .icon-font + label {
              padding-top: 0.125rem;
            }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button.checked, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button.checked {
              color: #FFFFFF !important;
              background-color: #0C77BE !important;
            }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content:not(.object-transparency-settings) button:disabled, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content:not(.object-transparency-settings) button:disabled {
              pointer-events: auto;
              cursor: not-allowed;
            }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content button.primary:hover, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content button.primary:hover {
          background-color: #00437B !important;
        }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content.object-transparency-settings, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content.object-transparency-settings {
          display: inline-table !important;
        }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content.object-transparency-settings .label.color, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content.object-transparency-settings .label.color {
            height: 2rem;
            line-height: 2rem;
            padding-left: 1rem;
            margin-top: 0.5rem;
          }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content.object-transparency-settings .transparency-slider, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content.object-transparency-settings .transparency-slider {
            padding: 1rem;
          }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content.object-transparency-settings .transparency-slider.model-objects .title, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content.object-transparency-settings .transparency-slider.model-objects .title {
                font-size: 0.75rem;
                color: #6A6976 !important;
                font-weight: 400;
              }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container .trimble-dropdown-content.object-transparency-settings button.reset, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container .trimble-dropdown-content.object-transparency-settings button.reset {
            width: calc(100% - 2rem);
            margin: 1rem;
            height: 1.5rem;
            justify-content: center;
          }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container.no-icon-options .trimble-dropdown-content, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container.no-icon-options .trimble-dropdown-content {
          min-width: 12rem;
        }
.trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.selection-menu-dropdown-container.change-visibility-options .trimble-dropdown-content, .trimble-workspace .context-menu-container .trimble-dropdown.trimble-dropdown-open.object-transparency-settings-container.change-visibility-options .trimble-dropdown-content {
          min-width: 13.15rem;
        }
.trimble-workspace .trimble-workspace-selection-menu-wrapper {
    cursor: pointer;
    display: flex;
    justify-content: center;
  }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu {
      display: none;
      position: absolute;
      bottom: 1rem;
      height: 3rem;
      width: auto;
      padding: 0.25rem;
      z-index: 2;
      background-color: #363545;
    }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu.menu-open {
        display: flex;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu hr {
        height: 2.5rem;
        border: none;
        border-right: #D0D0D7 solid 0.0625rem;
        margin: 0;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu button {
        height: 2.5rem;
        width: 2.5rem;
        margin: 0 0.2rem 0 0;
        color: #FFFFFF;
        display: inline-block;
        justify-content: center;
        white-space: nowrap;
        border-radius: 0.1875rem !important;
        padding: 0 0.25rem;
        transition: background-color 0.2s ease-in-out;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu button.disabled {
          pointer-events: auto;
          cursor: not-allowed;
          opacity: 0.5;
        }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu button.disabled .icon-font {
            cursor: not-allowed !important;
          }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu button.checked {
          background-color: #8C8B96;
        }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu button:not(.checked):not(.disabled):hover {
        background-color: #6A6976;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu .selection-count {
        color: #FFFFFF !important;
        width: auto !important;
        display: flex;
        flex-grow: 1;
        align-items: center;
        flex-wrap: wrap;
        font-size: 0.875rem;
        font-weight: 400;
        letter-spacing: 0.0325rem;
        padding: 0 0.25rem;
        white-space: nowrap;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu .visibility-button {
        width: auto !important;
        margin: 0 0 0 0.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        border-left: 0.25rem;
        border-color: #FFFFFF;
        padding-left: 0.5rem;
      }
.trimble-workspace .trimble-workspace-selection-menu-wrapper .trimble-workspace-selection-menu .visibility-button span {
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 0.875rem;
          font-weight: 600;
          letter-spacing: 0.0325rem;
        }
.trimble-workspace .trimble-workspace-context-menu {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 0.125rem;
    box-shadow: 0rem 0rem 0.06rem rgba(54,53,69,0.2),       0.12rem 0.12rem 0.5rem rgba(54,53,69,0.30);
    overflow: hidden;
    flex-direction: column;
    width: 2.5rem;
    z-index: 11;
  }
.trimble-workspace .trimble-workspace-context-menu.object-links-loading {
      width: 11rem;
      min-height: 5.25rem;
    }
.trimble-workspace .trimble-workspace-context-menu.object-links {
      display: flex !important;
      overflow: visible !important;
      min-height: 5.875rem;
      max-height: 90%;
      width: 17rem;
    }
.trimble-workspace .trimble-workspace-context-menu.object-links .header {
        min-height: 3.625rem;
        max-height: 3.625rem;
        line-height: 1rem;
      }
.trimble-workspace .trimble-workspace-context-menu.object-links .header .type {
          padding: 1rem 1rem 0rem;
          text-transform: uppercase;
          font-size: 0.687rem;
          font-weight: 700 !important;
          letter-spacing: 0.0625rem;
          color: #363545 !important;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          display: inline-block;
        }
.trimble-workspace .trimble-workspace-context-menu.object-links .header .subtitle {
          padding: 0 1rem 0.5rem;
          font-size: 0.75rem;
          color: #6A6976;
        }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list {
        display: flex;
        flex-direction: column;
        height: auto;
        line-height: 2rem;
      }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list.expanded.scroll {
          overflow-y: scroll;
          padding-right: 0.25rem !important;
        }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list.collapsed {
          overflow-y: visible;
        }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item {
          display: flex;
          line-height: 2.5rem;
          height: 2.5rem;
          padding: 0 0 0 0.75rem;
          align-items: center;
          color: #6A6976;
        }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item.broken {
            color: #C81922 !important;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item.broken .name {
              color: #C81922 !important;
              font-style: italic !important;
            }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item:hover {
            background-color: #F3F3F7;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .blur {
            height: 0.87rem;
            margin-right: 1rem;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name {
            display: inline-block;
            font-weight: 400;
            width: 8rem;
            text-align: inherit;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 0.25rem 0 0.5rem;
            flex-grow: 1;
            font-size: 0.825rem;
            color: #363545 !important;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name.todo {
              line-height: 1rem;
              padding-top: 0.25rem;
            }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name.inline-left.button.link-secondary {
              font-weight: 600;
              color: #6A6976 !important;
            }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name.inline-left.button.link-secondary:hover {
                background-color: #F3F3F7 !important;
              }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name .version,
            .trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .name .todo-label {
              font-size: 0.7rem;
              font-weight: 400;
              height: 1rem;
            }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .item-container {
            display: flex;
            flex-grow: 1;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .object-link-options {
            position: absolute;
            right: 0.5rem;
            width: 2.5rem;
            height: 2.5rem;
            color: #363545;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .object-link-options button.icon-circle {
              border-radius: 50%;
            }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .item .connect-dropdown-menu {
            margin-right: 0;
          }
.trimble-workspace .trimble-workspace-context-menu.object-links .attachments-list .link-primary {
          padding: 0rem 1rem !important;
        }
.trimble-workspace .trimble-workspace-context-menu hr {
      border: none;
      border-bottom: #E2E2E7 solid 0.125rem;
      margin: 0;
    }
.trimble-workspace .camera-lock {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }
.trimble-workspace .camera-lock .camera-lock-wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
      gap: 10px;
      background: #363545;
      background-blend-mode: multiply;
      position: relative;
      right: 10px;
      border-radius: 4px;
      color: #ffffff;
      width: 160px;
      height: 95px;
      transition: all 0.1s;
      opacity: 0.7;
      z-index: 1;
    }
.trimble-workspace .camera-lock .camera-lock-wrapper.open-panel {
        width: 706px;
        height: 155px;
        transition: all 0.1s;
      }
.trimble-workspace .camera-lock .camera-lock-wrapper.enable {
        display: flex;
      }
.trimble-workspace .camera-lock .camera-lock-wrapper .expand-collapse-icon,
      .trimble-workspace .camera-lock .camera-lock-wrapper .mouse-img {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        border: 1.5px solid #ffffff;
        color: #ffffff;
        width: 32px;
        height: 32px;
      }
.trimble-workspace .camera-lock .camera-lock-wrapper .expand-collapse-icon img, .trimble-workspace .camera-lock .camera-lock-wrapper .mouse-img img {
          width: 24px;
          height: 24px;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts {
        display: flex;
        gap: 20px;

        color: #fff;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .walk-icons-wrapper {
          width: 114px;
          height: 108px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .walk-icons-wrapper .walk-icons {
            height: 76px;
            width: 118px;
            display: flex;
            flex-wrap: wrap;
          }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .walk-icons-wrapper .walk-icons img {
              width: 36px;
              height: 36px;
              margin: 1.5px;
            }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .up-down-icons-wrapper {
          display: flex;
          height: 108px;
          width: 75px;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .up-down-icons-wrapper .up-down-icons {
            height: 76px;
            width: 75px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: space-between;
          }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .up-down-icons-wrapper .up-down-icons img {
              width: 36px;
              height: 36px;
              margin: 1.5px;
            }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .speed-jump-icons-wrapper {
          width: 92px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .speed-jump-icons-wrapper .speed-jump-icons {
            height: 76px;
            width: 92px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: space-between;
          }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .speed-jump-icons-wrapper .speed-jump-icons img {
              margin: 1.5px;
            }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .lookaround-icons-wrapper {
          display: flex;
          flex-direction: column;
          height: 108px;
          width: 100px;
          justify-content: space-between;
          align-items: center;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .lookaround-icons-wrapper .lookaround-icons {
            height: 76px;
            width: 100px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
          }
.trimble-workspace .camera-lock .camera-lock-wrapper .keyboard-shortcuts .lookaround-icons-wrapper .lookaround-icons img {
              width: 60px;
              height: 60px;
            }
.trimble-workspace .camera-lock .camera-lock-wrapper .vertical-line {
        width: 1px;
        height: 100%;
        background: #ffffff;
        margin: 0px 12px;
        opacity: 0.3;
      }
.trimble-workspace .camera-lock .camera-lock-wrapper button.secondary {
          border: 1.5px solid #ffffff;
          color: #ffffff;
          border-color: #ffffff;
          font-size: 12px;
          width: 88px;
          height: 32px;
          gap: 10px;
          padding: 0px;
          border-radius: 2px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
        }
.trimble-workspace .camera-lock .camera-lock-wrapper button.secondary:hover,
          .trimble-workspace .camera-lock .camera-lock-wrapper button.secondary.lock {
            border-color: #ffffff;
            background: #ffffff;
            color: black;
          }
.trimble-workspace .joystick-container {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: min(20vw, 20vh);
    height: min(20vw, 20vh);
    border-radius: min(100vw, 100vh);
    background-color: #363545;
    opacity: 0.5;
  }
.trimble-workspace .joystick-container .joystick-controller {
      position: absolute;
      transform: translate(-50%, 50%);
      width: 40%;
      height: 40%;
      border-radius: min(100vw, 100vh);
      background-color: #c6c5c5;
      bottom: 50%;
      left: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.trimble-workspace .spawn-message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #363545;
    position: absolute;
    right: 10px;
    border-radius: 4px;
    color: #ffffff;
    opacity: 0.7;
    z-index: 10;
    width: 400px;
    height: 40px;
    margin-top: 10px;
  }
@media screen and (max-width: 75rem) {
    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
      top: auto;
      right: 0;
      background-color: #F3F3F7;
      width: 100%;
    }

      .trimble-workspace .trimble-workspace-toolbars.trimble-toolbar-group-horizontal {
        grid-column-gap: 0;
      }

        .trimble-workspace .trimble-workspace-toolbars.trimble-toolbar-group-horizontal .trimble-toolbar.top {
          box-shadow: none;
          padding: 0;
        }

      .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar {
        width: 100% !important;
      }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area hr {
            margin: 0 0.375rem;
          }
              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-sliding-content .trimble-toolbar-group .trimble-toolbar-command:not(:first-child) {
                margin-left: 0.25rem;
              }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group:first-of-type {
            padding-left: 0.625rem !important;
          }

        .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.split-button {
          width: 3.5rem !important;
        }

        .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.split-button.more {
          width: 3rem !important;
        }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.split-button.more .icon-font {
            display: flex;
            width: 100%;
            justify-content: center;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.split-button.more .icon-font:after {
            content: "" !important;
          }

        .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.action-button {
          min-width: 2rem !important;
          width: 2rem !important;
        }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.selection-button .open-up {
            display: none !important;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-toolbar-command.selection-button .open-down {
            display: block !important;
          }

        .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content {
          width: auto !important;
          left: auto;
          top: auto;
        }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content.model-transparency-settings {
            left: unset !important;
            width: 18rem !important;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content hr {
            border: none;
            border-bottom: #E2E2E7 solid 0.125rem;
            margin: 0;
            margin-bottom: 0.5rem;
            margin-top: 0.5rem;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button:first-of-type + hr {
            margin-top: 0.75rem;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content hr:last-of-type {
            margin-bottom: 0.75rem;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button {
            height: 2.5rem !important;
            line-height: 2.5rem !important;
            width: 100%;
            padding: 0rem 1rem;
            display: flex;
            flex-grow: 1 !important;
            justify-content: left;
          }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button.checked {
              color: #FFFFFF !important;
              background-color: #0C77BE !important;
            }

              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button.checked label {
                color: inherit !important;
              }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button .icon-font {
              float: left;
              line-height: 2.5rem !important;
            }

              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button .icon-font.none {
                display: none;
                padding-left: 1.75rem;
              }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button label {
              display: inline-block;
              padding: 0.125rem 0.5rem;
              color: inherit !important;
              font-size: 0.875rem;
              font-weight: 400;
              margin-bottom: 0;
            }

              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button label.name {
                flex: 1 !important;
                text-align: left;
              }
                .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button label.key span {
                  color: #8C8B96;
                  padding: 0.1rem;
                }

                  .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button label.key span.selected {
                    color: #FFFFFF;
                  }

                  .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button label.key span + span {
                    margin-left: 0.5rem;
                  }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button.text-button {
            height: 3rem;
          }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content button.text-button label {
              padding-left: 0;
            }

    .trimble-workspace .trimble-workspace-menu-toolbar {
      width: 21rem !important;
    }
  }
@media screen and (max-width: 75rem) {
    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
    }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content.model-transparency-settings {
            left: calc(50% - 10rem) !important;
          }
  }
@media screen and (max-width: 48rem) and (orientation: landscape) {
    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
    }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area hr {
            margin: 0 0.25rem !important;
          }
            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.split-button.more {
              width: 2.5rem !important;
            }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group:first-of-type {
            padding-left: 0.25rem !important;
          }
  }
@media screen and (max-width: 62rem) and (orientation: portrait) {
    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
    }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area hr {
            margin: 0 0.375rem !important;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group:first-of-type {
            padding-left: 0.3125rem !important;
          }

    .trimble-workspace .trimble-workspace-menu-toolbar {
      width: 17.5rem !important;
    }
  }
@media screen and (max-width: 48rem) {
        .trimble-workspace .context-menu-container .trimble-workspace-selection-menu .visibility-button {
          flex-grow: 1;
        }
  }
@media screen and (max-width: 35rem) {
    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
    }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .split-button-options .trimble-dropdown-content.model-transparency-settings {
            left: 0.0625rem !important;
            width: calc(100% - 0.125rem) !important;
          }
  }
@media screen and (max-width: 35.99rem) {
    .trimble-workspace .split-button-options.trimble-dropdown-open .trimble-dropdown-content.hide {
      display: none;
    }

    .trimble-workspace .split-button-options.trimble-dropdown-open .trimble-dropdown-content.show {
      display: block !important;
    }

    .trimble-workspace .more-options.trimble-dropdown-open .trimble-dropdown-content,
    .trimble-workspace .visibility-control.trimble-dropdown-open .trimble-dropdown-content {
      left: 1rem !important;
    }
  }
@media screen and (max-width: 30rem) {
    .trimble-workspace .trimble-workspace-menu-toolbar {
      width: 100% !important;
    }

    .trimble-workspace .trimble-workspace-toolbars {
      left: 0 !important;
    }
          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area hr {
            margin: 0 0.125rem !important;
          }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group {
            padding: 0.25rem 0.125rem !important;
          }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command {
              width: 2.75rem !important;
            }

              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command:not(:first-child) {
                margin-left: 0.125rem !important;
              }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.split-button {
              width: 3.25rem !important;
            }

              .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.split-button .icon-font:after {
                left: -0.125rem !important;
              }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.split-button.more {
              width: 2.75rem !important;
            }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.action-button {
              min-width: 2rem !important;
              width: 2rem !important;
            }

            .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group .trimble-toolbar-command.selection-button {
              min-width: 1.5rem !important;
              width: 1.5rem !important;
              margin-left: 0 !important;
            }

          .trimble-workspace .trimble-workspace-toolbars.trimble-sliding-toolbar .trimble-sliding-area .trimble-toolbar-group:first-of-type {
            padding-left: 0.25rem !important;
          }
      .trimble-workspace .context-menu-container .trimble-workspace-selection-menu {
        padding: 0.25rem !important;
      }

        .trimble-workspace .context-menu-container .trimble-workspace-selection-menu button {
          width: 2rem;
          margin: 0;
        }

        .trimble-workspace .context-menu-container .trimble-workspace-selection-menu .visibility-button {
          width: auto !important;
          padding: 0 0 0 0.25rem !important;
          margin-left: 0.25rem !important;
          flex-grow: 0;
        }
  }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}
.trimble-workspace .trimble-workspace-bottom-toolbar {
    position: absolute;
    height: 3rem;
    width: 100%;
    border: 0;
    border-radius: 0.125rem;
    background-color: #FFFFFF;
  }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar hr {
        height: 3rem;
        border: none;
        border-right: 0.0625rem solid #D0D0D7;
        margin: 0 0.125rem;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .item {
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 0 0.5rem;
        margin: 0 0.125rem;
        border-radius: 0.1875rem;
        transition: background-color 0.2s ease-in-out;
        height: 2.5rem;
        min-width: 2.5rem;
        align-items: center;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context {
        padding: 0 !important;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context .toggle-button {
          padding: 0 0.5rem !important;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context .context-button {
          min-width: 1.5rem;
          width: 1.5rem;
          padding: 0 0.25rem 0 0 !important;
          margin: 0 !important;
          border-left: 0.0625rem transparent solid;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context .context-button.active {
          border-top-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
          border-left: 0.0625rem solid #D0D0D7 !important;
          transition:
            border-left 0.2s ease-in-out,
            border-top-left-radius 0.2s ease-in-out,
            border-bottom-left-radius 0.5s ease-in-out;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context:hover .toggle-button {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          transition:
            border-top-right-radius 0.2s ease-in-out,
            border-bottom-right-radius 0.2s ease-in-out;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context:hover .context-button {
          border-top-left-radius: 0 !important;
          border-bottom-left-radius: 0 !important;
          border-left: 0.0625rem solid #D0D0D7 !important;
          transition:
            border-left 0.2s ease-in-out,
            border-top-left-radius 0.2s ease-in-out,
            border-bottom-left-radius 0.5s ease-in-out;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .dropdown.dropdown-open-up {
        padding-right: 0.25rem;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .dropdown.active {
        background-color: #F3F3F7 !important;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .dropdown .open-up {
        font-size: 1rem;
        margin-left: 0.125rem;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .item:not(.active):not(.checked):not(.disabled):hover {
        background-color: #F3F3F7 !important;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle.checked, .trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-toggle-context .toggle-button.checked {
          color: #FFFFFF !important;
          background-color: #0C77BE !important;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-dropdown-text,
      .trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-button-text {
        font-size: 0.875rem;
        font-weight: 600;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .bottom-toolbar-button-done {
        color: #0C77BE;
        font-size: 0.875rem;
        font-weight: 600;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .submodel-restricted-add-view {
        cursor: not-allowed;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .bottom-toolbar .submodel-restricted-add-view button:disabled {
          cursor: not-allowed !important;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options {
      width: auto !important;
    }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options .trimble-dropdown-content {
        position: fixed;
        background-color: #FFFFFF !important;
        font-size: 0.875rem;
        cursor: pointer;
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content {
        display: inline-table !important;

        /* Color picker overrides & fixes */
      }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content button {
          height: 2.5rem;
          line-height: 2.5;
          border-radius: 0;
          width: 100%;
          padding: 0rem 1rem;
          margin: 0 !important;
          display: flex;
          flex-grow: 1 !important;
          justify-content: left;
          cursor: pointer;
        }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content button label {
            display: inline-block;
            padding: 0.125rem 0.5rem;
            color: inherit !important;
            font-size: 0.875rem;
            font-weight: 400;
            margin-bottom: 0;
            white-space: pre;
            cursor: pointer;
          }
/* Color picker overrides & fixes */
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker button {
            padding: 0.5rem !important;
            font-size: 0.75rem !important;
            flex-grow: 0 !important;
            border-radius: 50% !important;
            width: 2.5rem !important;
          }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker button:not(.selected):hover {
              padding: 0.5rem !important;
            }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker button.selected {
              padding: 0.375rem !important;
            }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker button.selected .option .icon-font {
                width: 1.75rem;
                height: 1.75rem;
              }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker .custom-colors button:not(.selected):hover {
                padding: 0.5rem !important;
              }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker .custom-colors button.selected .option .icon-font {
                  width: 1.75rem;
                  height: 1.75rem;
                }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .trimble-color-picker .custom-colors button.custom-selector .option {
                  width: 1.75rem;
                  height: 1.75rem;
                }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .color-selector-container button {
            flex-grow: 0 !important;
            border-radius: 0 !important;
            padding: 0.5rem !important;
            width: auto !important;
            margin-left: 1rem !important;
            height: 2rem;
            line-height: unset;
          }
.trimble-workspace .trimble-workspace-bottom-toolbar .dropdown-options.trimble-dropdown-open .trimble-dropdown-content .color-selector-container button.primary:hover {
            background-color: #00437B !important;
          }
.trimble-workspace .trimble-workspace-bottom-toolbar.bottom-toolbar-on-top {
    z-index: 8 !important;
  }
.trimble-slider {
  width: 100%;
  display: flex;
  height: 2.5rem;
}
.trimble-slider .rangeslider {
    margin: 20px 0;
    position: relative;
    background: #e6e6e6;
    touch-action: none;
    display: block;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  }
.trimble-slider .rangeslider .rangeslider__fill {
      display: block;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
    }
.trimble-slider .rangeslider .rangeslider__handle {
      background: #fff;
      border: 1px solid #ccc;
      cursor: pointer;
      display: inline-block;
      position: absolute;
      box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.4),
        0 -1px 3px rgba(0, 0, 0, 0.4);
    }
.trimble-slider .rangeslider .rangeslider__handle .rangeslider__active {
        opacity: 1;
      }
.trimble-slider .rangeslider .rangeslider__handle-tooltip {
      position: absolute;
      transition: all 100ms ease-in;
      border-radius: 4px;
      display: inline-block;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      width: auto;
      height: auto;
      padding: 0.5rem;
      font-size: 0.75rem !important;
      background-color: #363545 !important;
      color: #FFFFFF;
      font-weight: 600;
      text-align: center;
      vertical-align: middle;
    }
.trimble-slider .rangeslider .rangeslider__handle-tooltip span {
        margin-top: 0.875rem;
        display: inline-block;
        line-height: 100%;
      }
.trimble-slider .rangeslider .rangeslider__handle-tooltip:after {
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
    }
.trimble-slider .rangeslider.rangeslider-horizontal {
      width: 100%;
      height: 0.4rem;
      cursor: pointer;
      display: inline-block;
    }
.trimble-slider .rangeslider.rangeslider-horizontal .rangeslider__fill {
        height: 100%;
        background-color: #005F9E;
        top: 0;
      }
.trimble-slider .rangeslider.rangeslider-horizontal .rangeslider__handle {
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 30px;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
      }
.trimble-slider .rangeslider.rangeslider-horizontal .rangeslider__handle-tooltip {
        top: -55px;
      }
.trimble-slider .rangeslider.rangeslider-horizontal .rangeslider__handle-tooltip:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid rgba(0, 0, 0, 0.8);
        left: 50%;
        bottom: -8px;
        transform: translate3d(-50%, 0, 0);
      }
.trimble-slider .rangeslider.rangeslider-vertical {
      margin: 20px auto;
      height: 150px;
      max-width: 10px;
      background-color: transparent;
    }
.trimble-slider .rangeslider.rangeslider-vertical .rangeslider__fill,
      .trimble-slider .rangeslider.rangeslider-vertical .rangeslider__handle {
        position: absolute;
      }
.trimble-slider .rangeslider.rangeslider-vertical .rangeslider__fill {
        width: 100%;
        background-color: #7cb342;
        box-shadow: none;
        bottom: 0;
      }
.trimble-slider .rangeslider.rangeslider-vertical .rangeslider__handle {
        width: 30px;
        height: 10px;
        left: -10px;
        box-shadow: none;
      }
.trimble-slider .rangeslider.rangeslider-vertical .rangeslider__handle-tooltip {
        left: -100%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
      }
.trimble-slider .rangeslider.rangeslider-vertical .rangeslider__handle-tooltip:after {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid rgba(0, 0, 0, 0.8);
        left: 100%;
        top: 12px;
      }
.trimble-slider .rangeslider.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
      right: 0;
    }
.trimble-slider .rangeslider.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
      top: 0;
      bottom: inherit;
    }
.trimble-slider .rangeslider .rangeslider__labels {
      position: relative;
    }
.trimble-slider .rangeslider .rangeslider-vertical .rangeslider__labels {
      position: relative;
      list-style-type: none;
      margin: 0 0 0 24px;
      padding: 0;
      text-align: left;
      width: 250px;
      height: 100%;
      left: 10px;
    }
.trimble-slider .rangeslider .rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
        position: absolute;
        transform: translate3d(0, -50%, 0);
      }
.trimble-slider .rangeslider .rangeslider-vertical .rangeslider__labels .rangeslider__label-item::before {
        content: "";
        width: 0.875rem;
        height: 2px;
        background: black;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
      }
.trimble-slider .rangeslider .rangeslider__labels .rangeslider__label-item {
      position: absolute;
      font-size: 12px;
      cursor: pointer;
      display: inline-block;
      top: 10px;
      transform: translate3d(-50%, 0, 0);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
.trimble-slider .value {
    cursor: pointer;
    width: 20%;
    margin-left: 1rem;
    font-size: 0.875rem;
    white-space: nowrap;
    padding: 0.125rem !important;
    border-left: #E2E2E7 solid 0.0625rem !important;
    border-right: #E2E2E7 solid 0.0625rem !important;
    border-top: #E2E2E7 solid 0.0625rem !important;
    text-align: center;
  }
.tab-panel-content .table-list .list-inner-item .trimble-layer-state.not-visible i,
.trimble-file-state.assimilated i,
.trimble-file-state.unloaded i,
.trimble-file-state.notAssimilated i {
  opacity: 0.6;
}

.layers-panel .tab-panel-header {
    min-height: 2.55rem;
    width: 100%;
    background-color: #f9f9fb;
    border-bottom: 0.0625rem solid #D0D0D7;
  }

.layers-panel .tab-panel-header .visibility-container {
      margin-left: 0.5rem;
    }

.layers-panel .tab-panel-header .visibility-button span {
        color: #6A6976;
      }

.layers-panel .tab-panel-header .visibility-button .icon-font {
        color: #6A6976;
      }

.layers-panel .tab-panel-content {
    overflow: hidden !important;
    padding-bottom: 0rem;
    height: 100%;
  }

.layers-panel .tab-panel-content .table-list {
      height: 100%;
    }

.layers-panel .tab-panel-content .table-list .list-inner-item {
        display: flex;
        align-items: center;
        padding-left: 0.25rem;
        border-left: 0.2rem solid transparent;
      }

.layers-panel .tab-panel-content .table-list .list-inner-item.selected {
          background-color: #E5F0F8;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item.selected .layer-name {
            color: #00437B;
            font-weight: 600;
          }

.layers-panel .tab-panel-content .table-list .list-inner-item.selected:hover {
          background-color: #CFE1EE;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item.isolated {
          border-left: 0.2rem solid #0C77BE;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item .layer-text {
          margin-left: 0;
          white-space: nowrap;
          display: flex;
          flex-grow: 1 !important;
          overflow: hidden;
          align-items: center;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item .layer-text ~ .trimble-dropdown {
          margin-left: -1rem;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item .layer-file-name {
          display: block;
          overflow: hidden;
          font-size: 0.75rem;
          text-overflow: ellipsis;
          margin-right: 0.2rem;
          color: #8C8B96;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item .layer-name {
          display: block;
          overflow: hidden;
          font-size: 0.875rem;
          text-overflow: ellipsis;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item:hover {
          background-color: #F3F3F7;
          cursor: pointer;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item.active {
          background-color: #CFE1EE;
        }

.layers-panel .tab-panel-content .table-list .list-inner-item.active .layer-name {
            color: #005F9E;
          }
@media screen and (max-width: 75rem) {
.Pane.horizontal.Pane2 {
    bottom: 0.3rem;
    box-shadow:
      0 0 0.06rem rgba(54, 53, 69, 0.2),
      0.12rem 0.12rem 0.5rem rgba(54, 53, 69, 0.3)
}
  }

.horizontal.disabled + .Pane.horizontal.Pane2 .p-treetable-resizable {
  display: none;
}

body .p-selectbutton .p-button.p-highlight {
  background-color: #0C77BE !important;
  border: #0C77BE !important;
}

body .p-treetable .p-sortable-column:focus {
  box-shadow: none !important;
}

body .p-treetable .p-treetable-thead > tr > th {
  background-color: white;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

body .p-treetable .p-treetable-tfoot > tr > td,
body .p-treetable .p-treetable-thead > tr > th {
  padding: 0.4rem 0.5rem !important;
  border-left: none !important;
  border-right: 0.0625rem solid #D0D0D7 !important;
  border-bottom: none !important;
  border-top: none !important;
  font-weight: 600 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

body .p-treetable .p-treetable-tbody > tr {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}

body .p-treetable .p-treetable-tbody > tr > td {
  border: 0.0625rem solid #D0D0D7 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

body .p-treetable .p-treetable-frozen-view .p-treetable-tbody > tr > td:first-child,
body .p-treetable .p-treetable-frozen-view .p-treetable-thead > tr > th:first-child,
body .p-treetable .p-treetable-frozen-view .p-treetable-tfoot > tr > td:first-child,
body .p-treetable-scrollable-body > table > .p-treetable-tbody > tr > td:first-child,
body .p-treetable .p-treetable-frozen-view.p-treetable-scrollable-view {
  border-left: none !important;
}

body .p-treetable-scrollable-body > table > .p-treetable-tbody > tr > td:last-child,
body .p-treetable .p-treetable-thead > tr > th:last-child,
body .p-treetable .p-treetable-tfoot > tr > td:last-child {
  border-right: none !important;
}

body .p-treetable .p-treetable-header {
  border-top: 0.0625rem solid #D0D0D7 !important;
  border-bottom: 0.0625rem solid #D0D0D7 !important;
  border-right: none !important;
  border-left: none !important;
}

body .p-treetable .p-treetable-scrollable-view {
  border-left: 0.1rem solid #D0D0D7;
}

body .p-treetable .p-treetable-scrollable-footer,
body .p-treetable .p-treetable-scrollable-header {
  overflow: visible;
  background-color: transparent !important;
}

body .p-treetable .p-treetable-scrollable-header {
  border-bottom: 0.1rem solid #D0D0D7;
}

body .p-treetable .p-treetable-scrollable-footer {
  border-top: 0.1rem solid #D0D0D7;
}

body .p-treetable-scrollable-body > table > .p-treetable-tbody > tr:first-child > td {
  border-top: 0 !important;
}

body .p-treetable .p-sortable-column.p-highlight {
  background-color: #0C77BE !important;
}

body .p-treetable .p-sortable-column:focus {
  box-shadow: none !important;
}

body .p-treetable .p-treetable-tbody > tr.p-highlight {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
  background-color: #E5F0F8 !important;
  color: #00437B !important;
  font-weight: 600;
}

body .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: #00437B !important;
  height: 1rem;
}

body .p-treetable .p-sortable-column:not(.p-highlight):hover {
  background-color: #EAEAEF !important;
}

body .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):not(.p-highlight-contextmenu):hover {
  background-color: #F3F3F7 !important;
}

.p-treetable-scrollable-view.p-treetable-unfrozen-view {
  overflow: hidden;
}

/* class Pane is from the react-splitter component */
.Pane .pane-transparent {
    background: rgba(255, 255, 255, 0);
  }
.Pane .pane-properties-table {
    background-color: #FFFFFF;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
.Pane .pane-properties-table .properties-table-top {
      padding: 0;
      text-align: right;
      background-color: #E2E2E7;
    }
.Pane .pane-properties-table .properties-table-top a {
      font-size: 2em;
      cursor: pointer;
      padding: 0 0.1em;
      color: #333;
      text-decoration: none;
    }
.Pane .pane-properties-table .properties-table-content {
      height: 100px;
      flex-grow: 1;
    }

.trimble-application input.p-inputtext {
  background-color: white;
}

/* small hack due to interfere with the tc-styles */

.p-treetable-header .p-grid .p-xl-4 {
    padding: 0.5em !important;
  }

/* Button fixes */

body .p-treetable .dropdown-pane-container {
  background: none !important;
}

body .p-treetable .button.toolbar-primary:hover {
  background: #eaeaef;
}

body .p-treetable .button.icon-only {
  padding: 0;
  min-width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
}
body .p-treetable .button.icon-only,
body .p-treetable .button.icon-medium {
  margin-right: 0.25rem;
}

body .p-treetable .input-button-group.search {
  height: 2.5rem !important;
}

/* For Print layout */
@media print {
  /* NOTE: !important is not a preferred practise, but here it only affects the @media print and overrules any inline styles which cannot otherwise be overruled */
  .properties-table-top,
  .p-treetable-header {
    display: none;
  }

  .p-treetable-scrollable-view .p-treetable-scrollable-body {
    overflow: visible;
  }

  body > div {
    display: none;
  }

  .properties-table-content {
    height: 100%;
  }

  body {
    height: auto;
    overflow: auto !important;
  }

  #print-content {
    display: block;
    height: auto;
  }

    #print-content .p-treetable-scrollable-wrapper {
      display: block;
    }

    #print-content .p-treetable-toggler {
      height: 1rem !important;
    }

    #print-content .p-treetable-scrollable-body,
    #print-content .p-treetable-scrollable-footer {
      display: block;
      max-height: none !important;
      height: auto !important;
    }

    #print-content .p-treetable-scrollable-view {
      height: auto;
    }

    #print-content .p-treetable-scrollable-view .p-treetable-scrollable-body {
      overflow: visible;
      height: auto;
      flex-grow: 0;
      padding-bottom: 0;
      height: auto !important;
      max-height: none !important;
    }

    #print-content .p-treetable-scrollable-view.p-treetable-unfrozen-view {
      overflow: visible;
      height: auto;
      flex-grow: 0;
      height: auto !important;
      max-height: none !important;
    }
}
.Resizer {
  background: #000;
  opacity: 0.2;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

.Resizer:hover {
  transition: all 2s ease;
}

.Resizer.horizontal {
  height: 12px;
  margin: -10px 0;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
  width: 100%;
  background: transparent;
  padding: 12px 0 0 0;
}

.Resizer.horizontal:hover {
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}

.Resizer.vertical {
  width: 11px;
  margin: 0 -5px;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}

.Resizer.vertical:hover {
  border-left: 5px solid rgba(0, 0, 0, 0.5);
  border-right: 5px solid rgba(0, 0, 0, 0.5);
}

.Resizer.disabled {
  cursor: not-allowed;
  display: none;
}

.Resizer.disabled:hover {
  border-color: transparent;
}
#onetrust-banner-sdk #onetrust-signout-btn-handler {
  background-color: #6cc04a;
  color: #fff;
  border-color: #6cc04a;
  min-width: 135px;
  padding: 12px 10px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-size: 0.813em;
  font-weight: 600;
  height: auto;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
}

@media only screen and (max-width: 425px) {
  #onetrust-banner-sdk #onetrust-signout-btn-handler {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1048px) {
  #onetrust-banner-sdk #onetrust-signout-btn-handler {
    margin-left: 1em;
  }
}

#onetrust-banner-sdk #onetrust-signout-btn-handler {
  outline-offset: 1px;
}

#onetrust-consent-sdk #onetrust-signout-btn-handler {
  background-color: #1371c3;
  border-color: #1371c3;
  color: #ffffff;
}
.tags.section-edit > span.label, .assignees.section-edit > span.label {
      align-items: center;
    }
.tags .empty-text, .assignees .empty-text {
    font-weight: normal !important;
    color: #363545 !important;
    font-size: 0.875rem !important;
  }
.tags .react-tags,
  .tags .react-tags-disabled,
  .assignees .react-tags,
  .assignees .react-tags-disabled {
    position: relative;
    border: 0.05rem solid #D0D0D7;
    border-radius: 0.0625rem;
    background-color: transparent;
    font-size: 0.8125rem;
    line-height: 1rem;
    cursor: text;
  }
.tags .react-tags.is-focused, .tags .react-tags-disabled.is-focused, .assignees .react-tags.is-focused, .assignees .react-tags-disabled.is-focused {
      border-bottom: 0.125rem solid #005F9E !important;
    }
.tags .react-tags .selected, .tags .react-tags-disabled .selected, .assignees .react-tags .selected, .assignees .react-tags-disabled .selected {
      display: flex;
      justify-content: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
      padding: 0.5rem 0.75rem 0;
    }
.tags .react-tags .selected-tag,
    .tags .react-tags .selected-tag-disabled,
    .tags .react-tags-disabled .selected-tag,
    .tags .react-tags-disabled .selected-tag-disabled,
    .assignees .react-tags .selected-tag,
    .assignees .react-tags .selected-tag-disabled,
    .assignees .react-tags-disabled .selected-tag,
    .assignees .react-tags-disabled .selected-tag-disabled {
      box-sizing: border-box !important;
      border-radius: 0.9375rem !important;
      background-color: #EAEAEF !important;
      display: flex !important;
      max-width: 100%;
      margin: 0 0.5rem 0.5rem 0 !important;
      padding: 0 0.5rem !important;
      min-height: 2rem;
      line-height: inherit;
      font-size: inherit;
      cursor: text;
      align-items: center;
    }
.tags .react-tags .selected-tag .selected-tag-name, .tags .react-tags .selected-tag-disabled .selected-tag-name, .tags .react-tags-disabled .selected-tag .selected-tag-name, .tags .react-tags-disabled .selected-tag-disabled .selected-tag-name, .assignees .react-tags .selected-tag .selected-tag-name, .assignees .react-tags .selected-tag-disabled .selected-tag-name, .assignees .react-tags-disabled .selected-tag .selected-tag-name, .assignees .react-tags-disabled .selected-tag-disabled .selected-tag-name {
        display: inline-block;
        font-size: 0.8125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 1rem;
      }
.tags .react-tags .selected-tag .selected-tag-remove, .tags .react-tags .selected-tag-disabled .selected-tag-remove, .tags .react-tags-disabled .selected-tag .selected-tag-remove, .tags .react-tags-disabled .selected-tag-disabled .selected-tag-remove, .assignees .react-tags .selected-tag .selected-tag-remove, .assignees .react-tags .selected-tag-disabled .selected-tag-remove, .assignees .react-tags-disabled .selected-tag .selected-tag-remove, .assignees .react-tags-disabled .selected-tag-disabled .selected-tag-remove {
        margin-left: 0.25rem;
        margin-right: -0.25rem;
        width: 1.25rem;
        height: 1.25rem;
        font-size: 1.125rem;
        pointer-events: all;
        cursor: pointer;
        color: #6A6976;
      }
.tags .react-tags .selected-tag-disabled, .tags .react-tags-disabled .selected-tag-disabled, .assignees .react-tags .selected-tag-disabled, .assignees .react-tags-disabled .selected-tag-disabled {
      color: #363545 !important;
    }
.tags .react-tags .selected-tag-disabled .selected-tag-name, .tags .react-tags-disabled .selected-tag-disabled .selected-tag-name, .assignees .react-tags .selected-tag-disabled .selected-tag-name, .assignees .react-tags-disabled .selected-tag-disabled .selected-tag-name {
        max-width: 100%;
      }
.tags .react-tags .selected-tag-disabled .selected-tag-remove, .tags .react-tags-disabled .selected-tag-disabled .selected-tag-remove, .assignees .react-tags .selected-tag-disabled .selected-tag-remove, .assignees .react-tags-disabled .selected-tag-disabled .selected-tag-remove {
        display: none;
      }
.tags .react-tags .search, .tags .react-tags-disabled .search, .assignees .react-tags .search, .assignees .react-tags-disabled .search {
      display: inline-block;
      position: relative;
      padding: 0.25rem 0.75rem 0.75rem;
      width: 100%;
    }
.tags .react-tags .search input, .tags .react-tags-disabled .search input, .assignees .react-tags .search input, .assignees .react-tags-disabled .search input {
        max-width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        outline: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
        background: transparent;
      }
.tags .react-tags .search input::-ms-clear, .tags .react-tags-disabled .search input::-ms-clear, .assignees .react-tags .search input::-ms-clear, .assignees .react-tags-disabled .search input::-ms-clear {
        display: none;
      }
.tags .react-tags .search .suggestions, .tags .react-tags-disabled .search .suggestions, .assignees .react-tags .search .suggestions, .assignees .react-tags-disabled .search .suggestions {
        position: absolute;
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        width: calc(100% + 0.125rem);
        max-height: 13.75rem;
        height: auto;
        overflow-x: visible;
        overflow-y: auto;
        left: -0.0625rem;
        top: calc(100% + 0.125rem);
        margin: 0;
        z-index: 100;
        background-color: #FFFFFF;
        border: 0.0625rem solid #D0D0D7;
        border-radius: 0.125rem;
        box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
      }
.tags .react-tags .search .suggestions.show5, .tags .react-tags-disabled .search .suggestions.show5, .assignees .react-tags .search .suggestions.show5, .assignees .react-tags-disabled .search .suggestions.show5 {
          max-height: 13.75rem;
        }
.tags .react-tags .search .suggestions.show4, .tags .react-tags-disabled .search .suggestions.show4, .assignees .react-tags .search .suggestions.show4, .assignees .react-tags-disabled .search .suggestions.show4 {
          max-height: 10.5rem;
        }
.tags .react-tags .search .suggestions.show3, .tags .react-tags-disabled .search .suggestions.show3, .assignees .react-tags .search .suggestions.show3, .assignees .react-tags-disabled .search .suggestions.show3 {
          max-height: 8rem;
        }
.tags .react-tags .search .suggestions ul, .tags .react-tags-disabled .search .suggestions ul, .assignees .react-tags .search .suggestions ul, .assignees .react-tags-disabled .search .suggestions ul {
          width: 100%;
          margin: 0;
          padding: 0.5rem 0;
          top: -0.5rem;
          list-style: none;
          background: #FFFFFF;
        }
.tags .react-tags .search .suggestions li, .tags .react-tags-disabled .search .suggestions li, .assignees .react-tags .search .suggestions li, .assignees .react-tags-disabled .search .suggestions li {
          border-bottom: 0;
          padding: 0.75rem 1rem;
          color: #363545;
          font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
          font-size: 0.8rem;
          width: calc(100% - 0.0625rem);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
.tags .react-tags .search .suggestions li mark, .tags .react-tags-disabled .search .suggestions li mark, .assignees .react-tags .search .suggestions li mark, .assignees .react-tags-disabled .search .suggestions li mark {
            text-decoration: underline;
            background: none;
            font-weight: 600;
          }
.tags .react-tags .search .suggestions li.is-active, .tags .react-tags-disabled .search .suggestions li.is-active, .assignees .react-tags .search .suggestions li.is-active, .assignees .react-tags-disabled .search .suggestions li.is-active {
            background: #BFBFC6;
          }
.tags .react-tags .search .suggestions li.is-disabled, .tags .react-tags-disabled .search .suggestions li.is-disabled, .assignees .react-tags .search .suggestions li.is-disabled, .assignees .react-tags-disabled .search .suggestions li.is-disabled {
            opacity: 0.5;
            cursor: auto;
          }
.tags .react-tags .search .suggestions li:hover, .tags .react-tags-disabled .search .suggestions li:hover, .assignees .react-tags .search .suggestions li:hover, .assignees .react-tags-disabled .search .suggestions li:hover {
          cursor: pointer !important;
          background-color: #F3F3F7 !important;
        }
.tags .react-tags .search-disabled, .tags .react-tags-disabled .search-disabled, .assignees .react-tags .search-disabled, .assignees .react-tags-disabled .search-disabled {
      display: none;
    }
.tags .react-tags .search-input > input[style]:focus, .tags .react-tags-disabled .search-input > input[style]:focus, .assignees .react-tags .search-input > input[style]:focus, .assignees .react-tags-disabled .search-input > input[style]:focus {
      border-bottom: none !important;
    }
.tags .react-tags-disabled, .assignees .react-tags-disabled {
    border: 0;
    padding: 0.25rem 0 0;
    margin-bottom: -0.5rem;
  }
.tags .react-tags-disabled .selected, .assignees .react-tags-disabled .selected {
      padding: 0;
    }

.assignees.section-edit .react-tags .selected-tag-remove:before {
        position: relative;
      }

.assignees .react-tags .selected-tag,
    .assignees .react-tags .selected-tag-disabled,
    .assignees .react-tags-disabled .selected-tag,
    .assignees .react-tags-disabled .selected-tag-disabled {
      padding-left: 0.25rem !important;
    }

.assignees .react-tags .selected-tag .trimble-user > img, .assignees .react-tags .selected-tag-disabled .trimble-user > img, .assignees .react-tags-disabled .selected-tag .trimble-user > img, .assignees .react-tags-disabled .selected-tag-disabled .trimble-user > img {
          height: 1.5rem !important;
          width: 1.5rem !important;
          margin-right: 0.25rem !important;
          border-radius: 50%;
          background-color: #FFFFFF;
        }

.assignees .react-tags .selected-tag .group-avatar, .assignees .react-tags .selected-tag-disabled .group-avatar, .assignees .react-tags-disabled .selected-tag .group-avatar, .assignees .react-tags-disabled .selected-tag-disabled .group-avatar {
        height: 1.5rem !important;
        width: 1.5rem !important;
        font-size: 1.5rem !important;
        margin-right: 0.25rem !important;
        border-radius: 50%;
        background-color: #FFFFFF !important;
        color: #363545;
      }

.assignees .react-tags .selected-tag .group-avatar:before, .assignees .react-tags .selected-tag-disabled .group-avatar:before, .assignees .react-tags-disabled .selected-tag .group-avatar:before, .assignees .react-tags-disabled .selected-tag-disabled .group-avatar:before {
        top: 0;
        position: relative;
      }

.tags.error .react-tags,
  .tags.error .react-tags-disabled,
  .assignees.error .react-tags,
  .assignees.error .react-tags-disabled {
    background-color: #F3F3F7;
    pointer-events: none;
    cursor: text;
  }

.tags.error .react-tags .selected, .tags.error .react-tags-disabled .selected, .assignees.error .react-tags .selected, .assignees.error .react-tags-disabled .selected {
      display: none;
    }

.tags.error .react-tags .search, .tags.error .react-tags-disabled .search, .assignees.error .react-tags .search, .assignees.error .react-tags-disabled .search {
      margin-top: 0.5rem;
    }
.views-panel .title-section-right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
.views-panel .title-section-right .title-container {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
.views-panel .title-section-right .title-container i.tc-icon-spinner-dark,
      .views-panel .title-section-right .title-container i.tc-icon-info-outline {
        font-size: 1rem;
      }
.views-panel .title-section-right .title-container i.tc-icon-spinner-dark.error {
          /* tc-icon-spinner-dark uses a background SVG, not a font glyph;
             'color' has no effect on background images — use filter instead.
             Filter targets $col_trimble_red (#a51d25): higher saturation + lower brightness. */
          filter: brightness(0) saturate(100%) invert(16%) sepia(84%) saturate(2142%) hue-rotate(331deg) brightness(80%) contrast(107%);
        }
.views-panel .title-section-right .title-container i.tc-icon-info-outline {
        font-size: large;
      }
.views-panel .title-section-right .title-container i.tc-icon-info-outline.error {
          color: #A51D25 !important;
        }

.trimble-views .view-group.dragHover {
      box-shadow: 0 0 0.3125rem #005F9E;
    }

.trimble-views .view-group .group-header-bar {
      display: flex;
      align-items: center;
      padding: 0.25rem 0.25rem 0.25rem 1rem;
    }

.trimble-views .view-group .group-header-bar:hover {
        background-color: #F3F3F7;
        cursor: pointer;
      }

.trimble-views .view-group .group-header-bar .group-label {
        font-weight: 600;
        font-size: 0.875rem;
        flex-grow: 1 !important;
        flex-basis: 0%; /* Start from 0 so free-space is always positive; prevents the
                           flex algorithm from shrinking sibling buttons when the name is long. */
        min-width: 0; /* Allow the label itself to shrink below its content size if needed. */
        cursor: pointer;
        align-items: center;
        color: #363545 !important;
        word-break: break-word;
      }

.trimble-views .view-group .trimble-view-tile-container {
      display: flex;
      flex-flow: row wrap;
      padding: 1rem;
      justify-content: space-between;
    }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer {
        position: relative;
      }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item {
          width: 8rem;
          margin-bottom: 1rem;
          border: 0.0625rem solid #D0D0D7;
          box-sizing: content-box;
          border-radius: 0.125rem;
          background-color: #FFFFFF;
          display: flex;
          flex-direction: column !important;
        }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item .view-thumbnail {
            height: 5rem;
            flex: 1 1 auto !important;
            cursor: pointer;
          }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item .view-details {
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            justify-content: space-between;
            padding-left: 0.5rem;
            border-top: 0.0625rem solid #D0D0D7;
          }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item .view-details .view-name {
              font-size: 0.75rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              flex-grow: 1 !important;
            }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item .view-details .connect-dropdown-menu {
              margin-right: 0 !important;
            }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item.active {
            box-shadow: 0 0 0.3125rem #005F9E;
            background-color: #E5F0F8;
            color: #005F9E !important;
          }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item.active i {
              color: #005F9E !important;
            }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item.loading {
            opacity: 0.2;
          }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item:hover {
            cursor: pointer;
            box-shadow: 0 0 0.25rem #9D9DA6;
          }

.trimble-views .view-group .trimble-view-tile-container .trimble-view-item-outer .trimble-view-item.dragHover {
            box-shadow: 0 0 0.3125rem #005F9E;
            background-color: #CFE1EE;
          }

.trimble-views .view-group .connect-dropdown-menu {
      margin-right: 0 !important;
    }

.trimble-views .view-group:first-child hr {
    display: none;
  }

.loading-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

div ~ .trimble-view-tile-container {
  padding: 0 1rem !important;
}

/**
 * No-longer-active class left in place for safety.
 * The virtual tile container now uses `.trimble-view-tile-container` with an inline
 * `display: block` override instead.
 */
.views-virtual-tile-container {
  display: block;
  overflow: hidden;
}

/* ------------------------------------------------------------------
 * Virtualization skeletons
 * Skeleton classes used by VirtualViewTileRow and VirtualViewGroup
 * while tiles / group headers are off-screen.
 * ------------------------------------------------------------------ */

/* Flex layout for a virtual tile row. minHeight stays inline (comes from TILE_ROW_HEIGHT in JS). */
.virtual-tile-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

/* Applied alongside .trimble-view-item when the tile is a skeleton placeholder. */
.view-tile-skeleton {
  background-color: rgba(0, 0, 0, 0.04);
  background-color: var(--ui-50, rgba(0, 0, 0, 0.04));
  overflow: hidden;
  /* display:flex / flex-direction:column / border-radius already set by .trimble-view-item */
  /* height stays inline — depends on the TILE_ROW_HEIGHT JS constant */
}

.view-tile-skeleton__thumb {
  flex: 1;
  background-color: rgba(0, 0, 0, 0.07);
  background-color: var(--ui-100, rgba(0, 0, 0, 0.07));
}

.view-tile-skeleton__name {
  padding: 0.375rem 0.5rem;
}

.view-tile-skeleton__name-bar {
  height: 0.625rem;
  width: 65%;
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--ui-200, rgba(0, 0, 0, 0.12));
  border-radius: 0.125rem;
}

/* Applied alongside .view-group when the group header is a skeleton placeholder. */
.view-group--skeleton {
  pointer-events: none;
}

.view-group-skeleton__label {
  flex: 1;
  height: 0.75rem;
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--ui-200, rgba(0, 0, 0, 0.12));
  border-radius: 0.125rem;
  max-width: 45%;
}

.view-group-skeleton__chevron {
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.07);
  background-color: var(--ui-100, rgba(0, 0, 0, 0.07));
  border-radius: 50%;
  flex-shrink: 0;
}

@media screen and (max-width: 62rem) and (orientation: portrait) {
  .trimble-views .view-group .trimble-view-tiles .trimble-view-item {
    width: 6rem;
  }
}

@media screen and (max-width: 75rem) {
  .trimble-views .view-group .trimble-view-tiles .trimble-view-item {
    width: 6.75rem;
  }
}
.details-comments .h5 {
    padding: 1rem 1rem 0;
    display: block;
  }
.details-comments .trimble-comments .trimble-comment {
      padding: 1rem 0;
      position: relative;
      border-top: 0.0625rem solid #D0D0D7;
    }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title {
        display: flex;
        padding: 0 0.5rem 0 1rem;
        align-items: center;
      }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .connect-dropdown-menu {
          margin-right: 0;
        }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .trimbe-user-avatar {
          border-radius: 50%;
          height: 2.5rem;
          width: 2.5rem;
        }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info {
          flex-grow: 1 !important;
          margin-left: 0.5rem;
        }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info .trimble-comment-name {
            display: block;
            font-size: 0.875rem;
          }
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info .trimble-comment-date {
            display: block;
            font-size: 0.75rem;
            color: #6A6976;
          }
.details-comments .trimble-comments .trimble-comment .trimble-comment-text {
        display: flex;
        padding: 0.5rem 1rem 0.5rem;
        flex-direction: column;
      }
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .trimble-comment-description {
          white-space: pre-line;
          font-size: 0.875rem;
          overflow: hidden;
          margin-bottom: 1rem;
          min-height: 5rem;
          border: solid 0.0625rem #E2E2E7;
        }
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .trimble-comment-description:focus {
            border-bottom: 0.125rem solid #005F9E !important;
          }
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .comment-description-support {
          font-size: 0.875rem;
          overflow: hidden;
          word-wrap: break-word;
          white-space: pre-wrap;
        }
.details-comments .trimble-comments .show-more {
      padding-left: 1rem;
    }
.details-comments .trimble-comments .trimble-comment:first-child {
      border-top: none;
    }
.details-comments .trimble-comments .trimble-attachments {
      padding: 0.5rem 0;
    }
.details-comments .trimble-comments .trimble-attachments button.icon-circle.tertiary {
        margin-right: 0.5rem;
      }
/* Minimum width for the desktop mode */
.connect-project-view {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 4rem;
}
.connect-project-view .connect-projects-list {
    display: flex;
    overflow-y: scroll;
    white-space: nowrap;
    margin-top: 4rem;
  }
.connect-project-view .connect-projects-list .connect-projects {
      display: flex;
      margin: 0 auto;
      flex-flow: wrap;
      align-items: center;
      justify-content: center;
    }
@media screen and (min-width: 36rem) and (min-height: 36rem) {
.connect-project-view .connect-projects-list .connect-projects {
        justify-content: flex-start;
        margin-left: 0
    }
      }
@media screen and (min-width: 36rem) and (max-height: 36rem) {
.connect-project-view .connect-projects-list .connect-projects {
        justify-content: flex-start;
        margin-left: 1.25rem
    }
      }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item {
        margin: 1.25rem;
        padding: 0;
        border: 0.1rem solid #d2d2d7;
        box-sizing: content-box;
        cursor: pointer;
        background-color: #f9f9fb;
        display: inline-block;
        width: 12rem;
        height: 10rem;
        text-align: center;
        position: relative;
      }
@media screen and (max-width: 48rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item {
          width: 9rem;
          height: 6rem;
          margin: 0.5rem
      }
        }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item:hover {
          box-shadow: 0.06rem 0.06rem 0.12rem rgba(54,53,69,0.11),      0.06rem 0.06rem 0.62rem  rgba(54,53,69,0.13);
          background-color: #FFFFFF;
        }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item.selected {
          border-color: #CFE1EE;
          border-width: 0.12rem;
          background-color: #CFE1EE;
        }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item .connect-projects-item-thumbnail {
          width: 12rem;
          height: 7rem;
          margin: 0;
          vertical-align: top;
        }
@media screen and (max-width: 48rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item .connect-projects-item-thumbnail {
            width: 9rem;
            height: 4.5rem
        }
          }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item .connect-projects-item-name {
          padding: 1rem;
          text-align: left;
          overflow-x: hidden;
          overflow-y: hidden;
          display: block;
          text-overflow: ellipsis;
          font-weight: bold;
          font-size: 0.9rem;
        }
@media screen and (max-width: 48rem) and (min-width: 24rem), screen and (max-height: 36rem) {
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item .connect-projects-item-name {
            padding: 0 0.5rem;
            font-size: small
        }
          }
.connect-project-view .connect-projects-list .connect-projects .connect-projects-item.selected .connect-projects-item-name {
        color: #07599B;
      }
.connect-project-view .connect-projects-topbar {
    display: none;
    position: absolute;
    left: 1rem;
    right: 0;
  }
.connect-project-view .connect-projects-topbar.show {
      display: inherit;
    }
.connect-project-view .connect-projects-topbar .search-button {
      display: inherit;
      right: 2rem;
      padding: 1rem;
      position: absolute;
    }
.connect-project-view .connect-project-search {
    width: 90%;
    position: absolute;
    left: 1rem;
    right: 0;
  }
.connect-project-view .connect-projects-not-found {
    padding: 1.25rem;
    margin-top: 50%;
  }
.connect-project-view .connect-projects-region-select .combobox-header {
      background: #f9f9fb;
    }
.connect-project-view .connect-projects-region-select .combobox-header-text {
      display: inline-block;
      font-weight: bold;
      margin: 1rem;
    }
.trimble-attachments {
  padding: 1rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  display: block;
}
.trimble-attachments.no-items {
    padding-bottom: 0.5rem;
  }
.trimble-attachments > .alert {
    width: calc(100% - 0.75rem);
    white-space: normal;
  }
.trimble-attachments .title {
    height: 2rem;
    padding-left: 1rem;
    flex-grow: 1 !important;
    display: flex;
    justify-content: space-between;
  }
.trimble-attachments .title button.add-attachments {
      top: -0.5rem;
      margin-right: 0.5rem;
    }
.trimble-attachments .title .h5 {
      width: 100%;
      display: inline-flex;
    }
.trimble-attachments .trimble-attachment-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 0 0.5rem 0 1rem;
  }
.trimble-attachments .trimble-attachment-item:hover {
      background-color: #F3F3F7;
      cursor: pointer;
    }
.trimble-attachments .trimble-attachment-item .connect-dropdown-menu {
      margin-right: 0rem;
    }
.trimble-attachments .trimble-attachment-item .trimble-attachment-item-image {
      height: 1.25rem;
      width: 1.25rem;
    }
.trimble-attachments .trimble-attachment-item .trimble-attachment-item-text {
      text-align: left;
      margin-left: 0.5rem;
      padding-top: 0.25rem;
      font-size: 0.875rem;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 100%;
    }
.trimble-attachments .trimble-attachment-item .trimble-attachment-item-text div.text-meta {
        font-size: 0.7rem;
        font-weight: 400;
        height: 1rem;
      }
.trimble-attachments .trimble-attachment-item .trimble-attachment-item-text.blur {
        height: 1rem;
        margin-right: 1rem;
      }
.trimble-attachments .trimble-attachment-item .trimble-attachment-item-description {
      max-height: 3.12rem;
      overflow-y: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
    }
.trimble-attachments .button.link-primary {
    padding-left: 1rem;
  }
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 0;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding: 8px 0 0 0 !important;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #FFFFFF;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #FFFFFF;
  font-weight: bold;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

/* Adding overrides to the original rules */

.react-datepicker {
  border-radius: 0;
}

.react-datepicker__header {
  background-color: #005F9E;
  color: #FFFFFF;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.react-datepicker__header .react-datepicker__day-names {
  background-color: #00437B;
}

.react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
  color: #FFFFFF;
}

.react-datepicker__input-container,
.react-datepicker__input-container > input {
  width: 100%;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 0;
  padding-top: 0 !important;
}

.react-datepicker__triangle {
  display: none;
}

.react-datepicker__current-month {
  height: 2.5rem !important;
  text-transform: uppercase;
}

button.react-datepicker__navigation {
  position: absolute !important;
  width: 0;
  padding: 0 !important;
  border: 0.45rem solid transparent !important;
  z-index: 1000;
  top: 1.5rem !important;
  height: 0.75rem;
}

button.react-datepicker__navigation.react-datepicker__navigation--previous {
  border-right-color: #FFFFFF !important;
}

button.react-datepicker__navigation.react-datepicker__navigation--next {
  border-left-color: #FFFFFF !important;
}

.react-datepicker__today-button {
  background-color: #005F9E;
  color: #FFFFFF;
  font-weight: normal;
}

.react-datepicker__current-month {
  color: #FFFFFF;
}

.react-datepicker__day:hover {
  border-radius: 50% !important;
}

.react-datepicker__day--today {
  background-color: #EAEAEF !important;
  border-radius: 50% !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected {
  border-radius: 50%;
}

.react-datepicker__day--keyboard-selected {
  background-color: #009AD9 !important;
  color: #FFFFFF !important;
}

.react-datepicker__day--today.react-datepicker__day--selected,
.react-datepicker__day--today.react-datepicker__day--keyboard-selected {
  background-color: #005F9E !important;
}
.trimble-tab-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}
.trimble-tab-panel .tab-panel-topbar {
    padding: 0.75rem 0.5rem 0.75rem 1rem;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    flex: 0 0 auto;
    align-items: center;
    border-bottom: 0.0625rem solid #D0D0D7;
  }
.trimble-tab-panel .tab-panel-topbar .details-title-header {
      font-size: 1.125rem;
      font-weight: 600;
      flex-grow: 1 !important;
      white-space: pre-wrap;
      overflow: hidden;
      word-wrap: break-word;
    }
.trimble-tab-panel .tab-panel-topbar .back-button:first-child {
      margin: 0 0.5rem 0 -0.5rem;
    }
.trimble-tab-panel .tab-panel-topbar .connect-dropdown-menu {
      margin-right: 0 !important;
    }
.trimble-tab-panel .tab-panel-topbar .connect-dropdown-menu.sort .dropdown-list .list-item.active {
            padding-left: 0.75rem !important;
          }
.trimble-tab-panel .tab-panel-topbar .connect-dropdown-menu.sort .dropdown-list .list-item.active .tc-icon-arrow-line-up.small,
            .trimble-tab-panel .tab-panel-topbar .connect-dropdown-menu.sort .dropdown-list .list-item.active .tc-icon-arrow-line-down.small {
              font-size: 0.85rem !important;
            }
.trimble-tab-panel .tab-panel-topbar .trimble-tab-title-section {
      display: flex;
      flex-direction: column;
      flex-grow: 1 !important;
    }
.trimble-tab-panel .tab-panel-topbar .trimble-tab-title-section .trimble-tab-title {
        display: inline-block;
        line-height: 1.25;
      }
.trimble-tab-panel .tab-panel-topbar .trimble-tab-title-section .dropdownpane-link {
        cursor: pointer;
        display: flex;
        align-items: center;
      }
.trimble-tab-panel .tab-panel-topbar .trimble-tab-title-section .dropdown-pane-container {
        display: grid;
      }
.trimble-tab-panel .tab-panel-topbar .trimble-tab-title-section .dropdown-pane-container .dropdown-pane.is-open {
          transform: translateY(1.75rem);
        }
.trimble-tab-panel .tab-panel-search {
    position: absolute;
    display: flex;
    width: calc(100% - 2rem);
    top: 0.65rem;
    margin: 0 1rem;
  }
.trimble-tab-panel .input-button-group.search:hover {
    background: #FFFFFF;
  }
.trimble-tab-panel .tab-panel-content {
    flex-grow: 1 !important;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
.trimble-tab-panel .tab-panel-content .section {
      padding: 1rem 0.5rem 1rem 1rem;
    }
.trimble-tab-panel .tab-panel-content .section-edit {
      padding: 0.5rem 1rem 0;
    }
.trimble-tab-panel .tab-panel-content .section.flex, .trimble-tab-panel .tab-panel-content .section-edit.flex {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
.trimble-tab-panel .tab-panel-content .section.flex > div, .trimble-tab-panel .tab-panel-content .section-edit.flex > div {
          flex: 1;
        }
.trimble-tab-panel .tab-panel-content .center-in-panel {
      display: flex;
      align-content: center !important;
      flex-wrap: wrap !important;
      vertical-align: middle;
      align-items: center;
      min-height: 18.75rem;
    }
.trimble-tab-panel .tab-panel-footer {
    display: flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
    flex: 0 0 auto;
    width: 100%;
    font-size: 0.875rem;
    padding: 1rem;
    border-top: 0.0625rem solid #D0D0D7;
  }
.trimble-tab-panel .tab-panel-footer .foot-button {
      margin-left: 1rem;
    }
.trimble-tab-panel .tab-panel-footer .foot-button .icon-font {
        color: #00437B;
      }

.trimble-workspace-details-content.hide {
    display: none;
  }

.trimble-workspace-details-content .trimble-tab-panel .tab-panel-topbar .button {
        align-self: self-start;
      }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown {
  position: absolute;
}
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: auto;
    background-color: #FFFFFF;
    padding: 1rem 0;
    z-index: 12;
  }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content button {
      width: 100%;
      padding: 0 1rem;
      height: 2.5rem;
      text-align: left;
      color: #363545;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content button label {
        text-align: left;
        font-size: 0.875rem;
        color: inherit !important;
        cursor: pointer;
        display: inline;
      }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content label.disabled {
      cursor: not-allowed !important;
    }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content button.disabled {
      color: #8C8B96 !important;
      cursor: not-allowed !important;
      pointer-events: all !important;
    }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content button:hover {
      background-color: #F3F3F7 !important;
    }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .trimble-dropdown-content hr {
      margin: 0.5rem 0;
      cursor: default;
      overflow: hidden;
    }
.trimble-dropdown.trimble-dropdown-open.portal-dropdown .icon-font.tc-icon-info-outline.disabled {
    padding-left: 0.5rem;
  }
.alignment-navigation {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  padding: 0rem 0rem;
  box-shadow: 0 0 0.375rem #AEAEB6;
  background-color: #ffffff;
  width: 250px;
  transition: top 0.3s ease;
}

.alignment-navigation-shifted {
  position: absolute;
  top: 8rem;
  right: 1rem;
  padding: 0rem 0rem;
  box-shadow: 0 0 0.375rem #AEAEB6;
  background-color: #ffffff;
  width: 250px;
  transition: top 0.3s ease;
}

.checked-gray {
  background-color: #808080;
}
.tab-panel-footer.comments {
  padding: 0;
}
.tab-panel-footer.comments .add-comment-section {
    display: inherit;
    width: inherit;
    padding: 1rem;
    font-size: 0.875rem;
  }
.tab-panel-footer.comments .add-comment-section .comment-add {
      overflow: hidden;
      padding: 0;
      border: none;
    }
.tab-panel-footer.comments .add-comment-section.active {
      flex-direction: column;
    }
.tab-panel-footer.comments .add-comment-section.active .comment-add {
        min-height: 3rem;
        height: 3rem;
        resize: vertical;
      }
.tab-panel-footer.comments .add-comment-section.active .comment-support {
        overflow: hidden;
        word-wrap: break-word;
        white-space: pre-wrap;
        height: 0rem;
        width: auto;
      }
.tab-panel-footer.comments .add-comment-section.active .buttons-container .ml-2 {
          margin-left: 1rem !important;
        }
.tab-panel-footer.comments .add-comment-section.inactive {
      flex-direction: row;
      cursor: pointer;
    }
.tab-panel-footer.comments .add-comment-section.inactive:hover {
        background-color: #F3F3F7;
      }
.tab-panel-footer.comments .add-comment-section.inactive *[class*="comment-add"] {
        pointer-events: none;
        background: transparent;
      }
.tab-panel-footer.comments .add-comment-section.inactive i {
        color: #00437B;
        width: 2.5rem;
        margin-top: 0.5rem;
      }
.tab-panel-footer.comments .add-comment-section.inactive textarea {
        min-height: 2rem !important;
        height: 2.5rem !important;
        resize: none;
        border: none;
      }
@keyframes trimble-model-loading {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.models-panel .models-loading-footer {
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    border-top: 0.0625rem solid #D0D0D7;
    background-color: #FFFFFF;
  }

.models-panel .models-loading-footer .progressbar {
      display: flex;
      width: 100%;
      height: 0.25rem;
      background-color: #E2E2E7;
    }

.models-panel .models-loading-footer .progressbar span {
        display: block;
        height: 100%;
        max-width: 100%;
        background-color: #005F9E;
        transition: width 0.5s ease-out;
      }

.models-panel .models-loading-footer .models-loading-footer-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 0.5rem;
    }

.models-panel .models-loading-footer .models-loading-footer-row .text-meta {
        color: #6A6976;
      }

.models-panel .models-loading-footer .models-loading-footer-row .text-meta strong {
          font-weight: 700;
        }

.models-panel .models-loading-footer .models-loading-footer-row a {
        color: #6A6976;
        font-weight: 600;
        cursor: pointer;
        text-decoration: none;
      }

.models-panel .models-loading-footer .models-loading-footer-row a:hover {
          text-decoration: underline;
        }

.models-panel .tab-panel-content {
    overflow: hidden !important;
    padding-bottom: 0rem;
    min-height: 0;
  }

.models-panel .tab-panel-content .model-panel-items {
      height: 100%;
    }

.models-panel .tab-panel-content .model-panel-items .model-panel-item {
        min-height: 2.25rem;
        position: relative;
      }

@media screen and (max-width: 768px) {

.models-panel .tab-panel-content .model-panel-items .model-panel-item {
          min-height: 2.5rem
      }
        }

.models-panel .tab-panel-content .model-panel-items .model-panel-item.assimilating,
        .models-panel .tab-panel-content .model-panel-items .model-panel-item.assimilationFailed,
        .models-panel .tab-panel-content .model-panel-items .model-panel-item.loadingFailed {
          min-height: 3.25rem;
        }

@media screen and (max-width: 768px) {

.models-panel .tab-panel-content .model-panel-items .model-panel-item.assimilating,
        .models-panel .tab-panel-content .model-panel-items .model-panel-item.assimilationFailed,
        .models-panel .tab-panel-content .model-panel-items .model-panel-item.loadingFailed {
            min-height: 3.5rem
        }
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item.unsupported {
          color: #BFBFC6;
        }

.models-panel .tab-panel-content .model-panel-items .model-panel-item.unsupported .trimble-folder-expand + .trimble-model-text .trimble-model-name {
              color: #363545;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item {
          height: 100%;
          display: flex;
          align-items: center;
          border-left: 0.2rem solid transparent;
        }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.selected {
            background-color: #E5F0F8;
            border-left: 0.2rem solid #0C77BE;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.selected .trimble-model-name {
              color: #00437B !important;
              font-weight: 600;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.selected:hover {
            background-color: #CFE1EE;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.selected-highlighted {
            border-left: 0.2rem solid #0C77BE;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.picked {
            background-color: #F3F3F7;
            border-left: 0.2rem solid #AEAEB6 !important;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.picked-highlighted {
            border-left: 0.2rem solid #AEAEB6 !important;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.assimilating,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.assimilationFailed,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.loadingFailed,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.show-version {
            display: flex;
            align-items: center;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.unsupported .icon-font {
              margin: 0.5rem;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.unsupported .icon-font.tc-icon-file {
                font-size: 1.25rem;
                margin: 0.75rem 0.65rem;
                width: 1.25rem;
                height: 1.25rem;
              }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state {
            display: inline-block;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.loadingFailed .icon-font,
            .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.assimilationFailed .icon-font {
              color: #BC0911;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.loadingFailed ~ .trimble-model-text .trimble-model-name,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.assimilationFailed ~ .trimble-model-text .trimble-model-name {
            color: #BC0911;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.assimilating ~ .trimble-model-text .trimble-model-status,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.assimilationFailed ~ .trimble-model-text .trimble-model-status,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.assimilationBusy ~ .trimble-model-text .trimble-model-status,
          .models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-file-state.loadingFailed ~ .trimble-model-text .trimble-model-status {
            display: block;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-folder-expand {
            display: inline-block;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-model-text {
            margin-left: 0;
            font-size: 0.875rem;
            white-space: nowrap;
            flex-grow: 1 !important;
            overflow: hidden;
            align-items: center;
            padding-right: 1rem;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-model-text ~ .trimble-dropdown {
            margin-left: -1rem;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-model-name {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-model-name.highlight {
              font-weight: bold;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .broken-xref {
            font-size: 0.75rem;
            color: #6A6976;
            font-style: italic;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .model-version-info {
            font-size: 0.75rem;
            color: #6A6976;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .model-version-info .version-message {
              font-style: italic;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-model-status {
            display: none;
            font-size: 0.75rem;
            font-style: italic;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .dwg-xref {
            margin-left: 0;
            font-size: 0.75rem;
            color: #6A6976;
            white-space: nowrap;
            flex-grow: 1 !important;
            overflow: hidden;
            align-items: center;
            padding-right: 1rem;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .dwg-xref .error {
              font-weight: bold;
              color: #BC0911;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .dwg-xref .unloaded {
              text-decoration: line-through;
              font-style: italic;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .dwg-xref .broken-xref {
              font-size: 0.75rem;
              color: #6A6976;
              font-style: italic;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item:hover {
            background-color: #F3F3F7;
            cursor: pointer;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.active {
            background-color: #CFE1EE;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.active .trimble-model-name {
              color: #005F9E;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item .trimble-panel-item-loading {
            position: absolute;
            box-sizing: border-box;
            border-radius: 50%;
            border: 0.3rem solid #07599B;
            border-color: #07599B #E2E2E7 #E2E2E7 #E2E2E7;
            border-top: 0.3rem solid #07599B;
            height: 2rem;
            width: 2rem;
            vertical-align: middle;
            display: inline-block;
            animation: trimble-model-loading 3s linear infinite;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.submodel-item {
            padding-left: 0;
            padding-left: var(--submodel-indent, 0);
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-inner-item.submodel-item .submodel-loading-indicator {
              left: 0;
              left: var(--submodel-loading-left, 0);
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item.hidden .trimble-model-name {
            color: #7B7A86;
          }

.models-panel .tab-panel-content .model-panel-items .model-panel-item.hidden .trimble-visibility-checkbox .icon-font {
              color: #9D9DA6;
            }

.models-panel .tab-panel-content .model-panel-items .model-panel-item .model-panel-item .model-panel-inner-item {
        padding-left: 1rem;
      }

.models-panel .tab-panel-content .model-panel-items .model-panel-inner-item.unsupported:hover {
        background-color: #FFFFFF;
        cursor: default;
      }

.models-panel .tab-panel-content .model-panel-items .trimble-file-state.assimilating ~ .trimble-model-text,
      .models-panel .tab-panel-content .model-panel-items .trimble-file-state.assimilationFailed ~ .trimble-model-text,
      .models-panel .tab-panel-content .model-panel-items .trimble-file-state.loadingFailed ~ .trimble-model-text {
        flex-grow: 1 !important;
      }
.model-version-details .tab-panel-content .version-item-container {
      display: flex;
      border-bottom: 0.0625rem solid #D0D0D7;
      border-left: 0.2rem solid transparent;
      align-items: center;
    }
.model-version-details .tab-panel-content .version-item-container:hover {
        background-color: #F3F3F7;
        cursor: pointer;
      }
.model-version-details .tab-panel-content .version-item-container.active {
        background-color: #E5F0F8;
        border-left: 0.2rem solid #0C77BE;
      }
.model-version-details .tab-panel-content .version-item-container.active:hover {
          cursor: inherit;
        }
.model-version-details .tab-panel-content .version-item-container.active .item-details .in-row {
            color: #0C77BE !important;
          }
.model-version-details .tab-panel-content .version-item-container .overlay {
        display: flex;
        width: 100%;
        height: 5rem;
        align-content: center;
        justify-content: center;
        position: absolute;
      }
.model-version-details .tab-panel-content .version-item-container .overlay .load-version {
          background-color: #FFFFFF;
          border-radius: 0.15rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
          max-height: 2rem;
          padding: 0.25rem 0.5rem;
          margin-top: 1.5rem;
        }
.model-version-details .tab-panel-content .version-item-container .item-thumbnail {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0.75rem 0.5rem;
        overflow: hidden;
        border: 0.0625rem solid #D0D0D7;
        flex-shrink: 0 !important;
      }
.model-version-details .tab-panel-content .version-item-container .item-thumbnail img {
          min-height: 100%;
          min-width: 100%;
          display: block;
          position: relative;
          transform: translateX(-5%);
          zoom: 0.075;
        }
.model-version-details .tab-panel-content .version-item-container .item-thumbnail.no-img {
          display: flex;
          justify-content: center;
          background-color: #F3F3F7;
        }
.model-version-details .tab-panel-content .version-item-container .item-thumbnail.no-img .icon-font {
            color: #6A6976;
            font-size: 2rem;
            align-self: center;
          }
.model-version-details .tab-panel-content .version-item-container .item-details {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0.25rem;
      }
.model-version-details .tab-panel-content .version-item-container .item-details .item-text {
          display: block;
          font-size: 0.75rem;
        }
.model-version-details .tab-panel-content .version-item-container .item-details .in-row {
          display: flex;
          flex-direction: row;
          padding-bottom: 0.125rem;
          align-items: center;
        }
.model-version-details .tab-panel-content .version-item-container .item-details .in-row .number {
            font-size: 0.875rem;
            font-weight: 600;
          }
.model-version-details .tab-panel-content .version-item-container .item-details .in-row .name {
            font-size: 0.875rem;
          }
.model-version-details .tab-panel-content .version-item-container .item-details .modified-date {
          font-size: 0.675rem;
        }
.model-version-details .tab-panel-content .version-item-container button.dowload-button {
        align-self: center;
        color: #6A6976;
        pointer-events: auto;
      }
.newer-model-versions-container {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  border-spacing: 0;
  width: 15rem;
  margin-left: 1rem;
}
.newer-model-versions-container .model-version-header {
    border-radius: 0;
    background-color: #fff2c7 !important;
    font-size: 0.75rem;
    justify-content: center;
    flex-grow: 1;
    padding: 0;
  }
.newer-model-versions-container .model-version-header .text {
      flex-grow: 1 !important;
    }
.newer-model-versions-container .model-version-header button.expand:hover {
      background-color: transparent !important;
    }
.newer-model-versions-container .version-item {
    z-index: 11 !important;
  }
.newer-model-versions-container .latest-version-item-container {
    position: relative;
    width: inherit;
    display: flex;
    flex-direction: column;
    overflow: auto !important;
    cursor: auto !important;
    padding-right: 0.125rem;
  }
.newer-model-versions-container .latest-version-item-container:hover {
      background-color: #F3F3F7;
      cursor: pointer;
    }
.newer-model-versions-container .latest-version-item-container .overlay {
      display: flex;
      width: 100%;
      height: 5rem;
      align-content: center;
      justify-content: center;
      position: absolute;
    }
.newer-model-versions-container .latest-version-item-container .overlay .load-version {
        background-color: #FFFFFF;
        border-radius: 0.15rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
        max-height: 2rem;
        padding: 0.25rem 0.5rem;
        margin-top: 1.5rem;
      }
.newer-model-versions-container .latest-version-item-container .item {
      display: flex;
      flex-grow: 1;
    }
.newer-model-versions-container .latest-version-item-container .item .details {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        cursor: pointer;
      }
.newer-model-versions-container .latest-version-item-container .item .details .name {
          display: block;
          font-size: 0.825rem;
        }
.newer-model-versions-container .latest-version-item-container .item .details .number {
          display: block;
          font-size: 0.675rem;
        }
.newer-model-versions-container .latest-version-item-container .item:not(:first-of-type) {
        margin-top: 0.125rem;
      }
.newer-model-versions-container .latest-version-item-container .options {
      color: #6A6976;
      margin-right: 0;
    }
.show-model-details .tab-panel-content hr:first-of-type {
      margin-top: 0;
    }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item {
          display: block;
          margin-top: 1rem;
          font-size: 0.75rem;
        }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details {
          display: inline;
          font-size: 0.875rem;
        }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.version-history {
            display: flex;
          }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.version-history .version {
              vertical-align: middle;
              height: 1.5rem;
              line-height: 1.625rem;
            }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.version-history button.previous-versions {
              padding: 0;
              padding-left: 0.5rem;
              min-height: auto;
            }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.folder-path {
            display: flex;
            flex-wrap: wrap;
          }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.folder-path .separator {
              padding-left: 0.5rem;
              padding-right: 0.5rem;
              vertical-align: middle;
              height: 1.5rem;
              line-height: 1.625rem;
            }
.show-model-details .tab-panel-content .model-details-part .model-details-part-section .model-details-section-item-details.folder-path button {
              padding: 0;
              min-height: auto;
              white-space: nowrap;
            }
.show-model-details .tab-panel-content .model-details-tags .label {
        margin-bottom: 1rem !important;
        font-size: 0.875rem !important;
        font-weight: 600 !important;
        color: #363545 !important;
      }
.show-model-details .tab-panel-content .model-details-edit-in-sketchup .icon-font {
        color: #005F9E;
      }
.show-model-details .tab-panel-content .model-details-edit-in-sketchup button.edit-in-sketchup {
        padding-left: 0;
      }
.show-model-details .tab-panel-content .model-details-position {
      display: flex;
    }
.show-model-details .tab-panel-content .model-details-position.section:hover {
        background-color: #F3F3F7;
        cursor: pointer;
      }
.show-model-details .tab-panel-content .model-details-position .position-section-title {
        flex-grow: 1 !important;
      }
.show-model-details .tab-panel-content .model-details-position .position-section-title .position-description {
          display: block;
          font-size: 0.8rem;
        }
.edit-model-details .tab-panel-content .edit-details-part .edit-details-model-name {
        padding: 1rem;
        display: inline-block;
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.edit-model-position input {
    margin-bottom: 1rem;
  }
.edit-model-position .tab-panel-content .section-edit {
      padding-bottom: 1rem;
    }
.edit-model-position .tab-panel-content .edit-model-position {
      display: grid;
      width: 100%;
      grid: auto / 1fr 1fr;
      grid-gap: 0.2rem 2rem;
      margin-bottom: 0.5rem;
    }
.edit-model-position .tab-panel-content .edit-model-position.three-columns {
        grid: auto / 1fr 1fr 1fr;
        grid-gap: 0.2rem 2rem;
      }
.edit-model-position .tab-panel-content .edit-model-position .position-section-Header {
        grid-column: 1 / span 2;
        color: #000000;
        font-size: 0.875rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
      }
.edit-model-position .tab-panel-content .edit-model-position .single-column {
        grid-column: 1 / span 2;
      }
.edit-model-position .tab-panel-content .edit-model-position .edit-model-position-value {
        padding: 0.5rem 0.75rem;
        margin: 0;
        display: inline-block;
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.edit-model-position .tab-panel-content .edit-model-position .edit-model-position-value.single-column {
          grid-column: 1 / span 2;
        }
.edit-model-position .tab-panel-content .edit-model-position.three-columns .position-section-Header {
      grid-column: 1 / span 3;
    }

.edit-model-position-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.edit-model-position-not-allowed {
  cursor: not-allowed;
}
.create-view > .alert.error {
    font-size: 0.8125rem;
  }
.create-view .tab-panel-content .create-view-part.section-edit:first-of-type {
        padding-top: 1rem !important;
      }
.create-view .tab-panel-content .create-view-part.section-edit:first-of-type .error-message {
          color: #C81922 !important;
          font-size: 0.75rem !important;
        }
.create-view .tab-panel-content .create-view-part.groups-load-error .view-groups {
          background-color: #F3F3F7;
          pointer-events: none;
          cursor: text;
        }
.create-view .tab-panel-content .create-view-part .create-view-section-item {
        display: flex;
        font-size: 0.75rem;
        color: #6A6976 !important;
        min-height: 1.5rem;
        align-items: flex-end;
        font-weight: 400;
        margin-bottom: 0;
      }
.create-view .tab-panel-content .create-view-part .view-name,
      .create-view .tab-panel-content .create-view-part .view-description {
        padding: 0.5rem 0.75rem;
        display: inline-block;
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.create-view .tab-panel-content .create-view-part .view-description {
        min-height: 2.5rem;
        height: 2.5rem;
      }
.create-view .tab-panel-content .create-view-part .view-groups {
        border: 0.0625rem solid #D0D0D7;
      }
.create-view .tab-panel-content .create-view-part .view-groups.show-default {
          color: #BFBFC6;
          font-style: italic;
        }
.create-view .tab-panel-content .create-view-part .view-groups .select-option {
          color: #363545 !important;
          font-style: normal !important;
        }
.show-view-details .tab-panel-content hr:first-of-type {
      margin-top: 0;
    }
.show-view-details .tab-panel-content .view-details-part-thumbnail {
      width: 100%;
      height: 8rem;
      overflow: hidden;
      cursor: pointer;
      border-bottom: 0.0625rem solid #D0D0D7;
    }
.show-view-details .tab-panel-content .view-details-part-thumbnail img {
        min-height: 100%;
        min-width: 100%;
        display: block;
        position: relative;
        top: 25%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 2.5rem));
        /* need to add the refresh button's height into the calculation */
      }
.show-view-details .tab-panel-content .view-details-part .view-details-part-header {
        display: block;
        color: #000000;
        font-size: 0.875rem;
        font-weight: bold;
      }
.show-view-details .tab-panel-content .view-details-part .view-details-part-section .view-details-section-item {
          display: block;
          margin-top: 0.75rem;
          font-size: 0.75rem;
        }
.show-view-details .tab-panel-content .view-details-part .view-details-part-section .view-details-section-item-details {
          display: inline;
          font-size: 0.875rem;
        }
.show-view-details .tab-panel-content .view-details-part .view-details-part-section .view-details-section-item-details.text-multiline {
            white-space: pre-wrap;
          }
.show-view-details .tab-panel-content .view-details-sharedWith {
      padding: 0.5rem 0 0;
    }
.show-view-details .tab-panel-content .view-details-position-section {
      padding: 1rem 0.5rem;
    }
.show-view-details .tab-panel-content .view-details-position-section .position-section-title {
        display: inline-block;
      }
.show-view-details .tab-panel-content .view-details-position-section .position-section-title .position-title {
          display: block;
          font-size: 0.875rem;
          font-weight: bold;
          color: #000000;
        }
.show-view-details .tab-panel-content .view-details-position-section .position-section-title .position-description {
          display: block;
          font-size: 0.8rem;
        }
.show-view-details .tab-panel-content .view-details-position-section .edit-position {
        display: inline-block;
        position: absolute;
        right: 0.5rem;
      }
.edit-view-details .tab-panel-content .view-details-part-thumbnail {
      width: 100%;
      height: 8rem;
      overflow: hidden;
      cursor: pointer;
      border-bottom: 0.0625rem solid #D0D0D7;
    }
.edit-view-details .tab-panel-content .view-details-part-thumbnail button.update-button {
        position: relative;
        z-index: 2;
        float: right;
        transform: translate(-0.5rem, 0.5rem);
      }
.edit-view-details .tab-panel-content .view-details-part-thumbnail button.update-button.icon-small {
          min-width: 2.5rem;
          min-height: 2.5rem;
          padding: 0;
        }
.edit-view-details .tab-panel-content .view-details-part-thumbnail img {
        min-height: 100%;
        min-width: 100%;
        display: block;
        position: relative;
        top: 25%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 2.5rem));
        /* need to add the refresh button's height into the calculation */
      }
.edit-view-details .tab-panel-content .view-details-part-thumbnail button.update-button + img {
        transform: translate(-50%, -50%);
      }
.edit-view-details .tab-panel-content .edit-details-part .edit-details-view-name,
      .edit-view-details .tab-panel-content .edit-details-part .edit-details-view-description {
        padding: 0.5rem 0.75rem;
        display: inline-block;
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.edit-view-details .tab-panel-content .edit-details-part .edit-details-view-description {
        min-height: 2.5rem;
        height: 2.5rem;
      }
.edit-viewGroup-details .tab-panel-content .edit-details-part.section-edit.name {
        padding: 0.75rem 1rem 1.5rem;
      }
.edit-viewGroup-details .tab-panel-content .edit-details-part.section-edit.views {
        padding: 1rem 0.5rem 0 1rem !important;
      }
.edit-viewGroup-details .tab-panel-content .edit-details-part .edit-details-viewGroup-name {
        display: inline-block;
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list {
        width: 100%;
      }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list .view-item {
          position: relative;
          display: flex;
          align-items: center;
          height: 2rem;
          padding: 0 !important;
        }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list .view-item > * {
            display: inline-block;
          }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list .view-item .view-thumbnail {
            height: 1.25rem;
            width: 1.25rem;
          }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list .view-item .view-thumbnail img {
              width: inherit;
              height: inherit;
            }
.edit-viewGroup-details .tab-panel-content .edit-details-part .views-list .view-item .view-name {
            text-align: left;
            margin-left: 0.5rem;
            font-size: 0.8125rem;
            font-weight: 400;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
          }
.todos-panel .tab-panel-header {
    background-color: #f9f9fb;
    color: #6A6976;
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.75rem 0.5rem 0.75rem 0.75rem;
    border-bottom: 0.0625rem solid #D0D0D7;
  }
.todos-panel .tab-panel-header span {
    font-size: 0.875rem;
    color: #6A6976;
    margin-left: 5px;
    vertical-align: middle;
  }
.todo-panel-item {
  display: flex;
  align-items: center;
  padding: 0 0 0.25rem 0.5rem;
  min-height: 4.5rem;
  border-left: 0.2rem solid transparent;
}
.todo-panel-item:hover {
    background-color: #F3F3F7;
    cursor: pointer;
  }
.todo-panel-item.selected {
    background-color: #E5F0F8;
    border-left: 0.2rem solid #0C77BE;
  }
.todo-panel-item.selected:hover {
      cursor: inherit;
    }
.todo-panel-item .todo-panel-inner-item {
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
.todo-panel-item .todo-panel-inner-item .todo-priority {
      margin-right: 0.25rem;
    }
.todo-panel-item .todo-panel-inner-item .todo-priority.LOW .icon-font {
        color: #5E9331;
      }
.todo-panel-item .todo-panel-inner-item .todo-priority.NORMAL .icon-font {
        color: #0D6AA8;
      }
.todo-panel-item .todo-panel-inner-item .todo-priority.HIGH .icon-font {
        color: #FFBE00;
      }
.todo-panel-item .todo-panel-inner-item .todo-priority.CRITICAL .icon-font {
        color: #C81922;
      }
.todo-panel-item .todo-panel-inner-item .todo-info {
      flex-grow: 1 !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
.todo-panel-item .todo-panel-inner-item .todo-info .secondaryText {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
.todo-panel-item .todo-panel-inner-item .todo-info .label-id {
        font-size: 0.7rem;
        font-weight: 600;
      }
.todo-panel-item .todo-panel-inner-item .todo-info .title {
        font-size: 0.875rem;
        font-weight: 400;
        color: #363545;
      }
.todo-panel-item .todo-panel-inner-item .todo-info .status {
        font-size: 0.75rem;
        color: #6A6976;
      }
.todo-panel-item .todo-panel-inner-item .todo-info .assignee {
        font-size: 0.75rem;
        color: #6A6976;
      }

.todo-panel-item.selected .todo-panel-inner-item .todo-info .title {
  color: #00437B;
  font-weight: 600;
}

.todo-panel-item.completed .todo-panel-inner-item .todo-priority,
.todo-panel-item.completed .todo-panel-inner-item .todo-info,
.todo-panel-item.completed .todo-panel-inner-item .dropdown-pane-container .button {
  opacity: 0.6;
}
.todo-panel-groups {
  display: flex;
  justify-content: unset;
  padding: 0;
  flex-direction: column;
}
.todo-panel-groups .todo-panel-groups-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.25rem 0.25rem 0.25rem 1rem;
  }
.todo-panel-groups .todo-panel-groups-header:hover {
      cursor: pointer;
      background: #F3F3F7;
    }
.todo-panel-groups .todo-panel-groups-header .header-text {
      flex-grow: 1 !important;
      font-size: 0.875rem;
      font-weight: 600;
    }
.todo-panel-groups .todo-panel-groups-content {
    flex-grow: 1 !important;
  }
.create-todo .tab-panel-content .create-todo-part.section-edit:first-of-type {
        padding-top: 1rem !important;
      }
.create-todo .tab-panel-content .create-todo-part.section-edit:first-of-type .error-message {
          color: #C81922 !important;
          font-size: 0.75rem !important;
        }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row label {
            width: 100%;
          }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row .help-button {
            margin-left: 0;
            margin-top: 0.25rem;
          }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row .help-button .help-button-icon {
              width: auto;
              height: auto;
            }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row .help-button .cdm-components-popover {
              padding: 0.75rem !important;
            }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row .help-button .cdm-components-popover div > h3 {
                  margin: 0 !important;
                  font-size: 0.75rem !important;
                  height: 2rem !important;
                  line-height: 2rem !important;
                }
.create-todo .tab-panel-content .create-todo-part.todo-dueDate .flex-row .help-button .cdm-components-popover div > p {
                  white-space: pre-line;
                }
.create-todo .tab-panel-content .create-todo-part .create-todo-section-item {
        display: flex;
        font-size: 0.75rem;
        min-height: 1.5rem;
        align-items: flex-end;
        color: #6A6976 !important;
      }
.create-todo .tab-panel-content .create-todo-part .todo-title,
      .create-todo .tab-panel-content .create-todo-part .todo-description,
      .create-todo .tab-panel-content .create-todo-part .todo-completion,
      .create-todo .tab-panel-content .create-todo-part .todo-dueDate {
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.create-todo .tab-panel-content .create-todo-part .todo-dueDate {
        min-height: 2.5rem;
        padding: 0.5rem 0.75rem;
      }
.create-todo .tab-panel-content .create-todo-part .todo-dueDate:not(.validation-error):focus {
          border-bottom: 0.125rem solid #005F9E !important;
        }
.create-todo .tab-panel-content .create-todo-part .todo-dueDate.focus-visible {
          outline: none !important;
        }
.create-todo .tab-panel-content .create-todo-part .todo-dueDate:focus-visible {
          outline: none !important;
        }
.create-todo .tab-panel-content .create-todo-part .todo-title,
      .create-todo .tab-panel-content .create-todo-part .todo-description,
      .create-todo .tab-panel-content .create-todo-part .todo-completion {
        padding: 0.5rem 0.75rem;
        display: inline-block;
      }
.create-todo .tab-panel-content .create-todo-part .todo-description {
        min-height: 2.5rem;
        height: 2.5rem;
      }
.create-todo .tab-panel-content .create-todo-part .todo-type,
      .create-todo .tab-panel-content .create-todo-part .todo-priority {
        padding: 0.5rem 0.75rem;
        height: 2.5rem;
        font-size: 0.875rem;
        border: 0.0625rem solid #D0D0D7;
      }
.create-todo .tab-panel-content .create-todo-part .todo-type.show-default, .create-todo .tab-panel-content .create-todo-part .todo-priority.show-default {
          color: #BFBFC6;
          font-style: italic;
        }
.create-todo .tab-panel-content .create-todo-part .todo-type .select-option, .create-todo .tab-panel-content .create-todo-part .todo-priority .select-option {
          color: #363545 !important;
          font-style: normal !important;
          padding: 0.5rem 1rem;
        }
.create-todo .tab-panel-content .create-todo-part .todo-type .select-option.low, .create-todo .tab-panel-content .create-todo-part .todo-priority .select-option.low {
            color: #5E9331 !important;
          }
.create-todo .tab-panel-content .create-todo-part .todo-type .select-option.normal, .create-todo .tab-panel-content .create-todo-part .todo-priority .select-option.normal {
            color: #0D6AA8 !important;
          }
.create-todo .tab-panel-content .create-todo-part .todo-type .select-option.high, .create-todo .tab-panel-content .create-todo-part .todo-priority .select-option.high {
            color: #FFBE00 !important;
          }
.create-todo .tab-panel-content .create-todo-part .todo-type .select-option.critical, .create-todo .tab-panel-content .create-todo-part .todo-priority .select-option.critical {
            color: #C81922 !important;
          }
.create-todo .tab-panel-content .create-todo-part .todo-priority {
        padding: 0.5rem 0.5rem 0.5rem 2.25rem;
      }
.show-todo-details .tab-panel-topbar .details-title-header .todo-title {
        display: flex;
        flex-direction: row;
      }
.show-todo-details .tab-panel-content hr:first-of-type {
      margin-top: 0;
    }
.show-todo-details .tab-panel-content .todo-details-part-thumbnail {
      width: 100%;
      height: 8rem;
      overflow: hidden;
      cursor: pointer;
      border-bottom: 0.0625rem solid #D0D0D7;
    }
.show-todo-details .tab-panel-content .todo-details-part-thumbnail img {
        min-height: 100%;
        min-width: 100%;
        display: block;
        position: relative;
        top: 25%;
        left: 50%;
        transform: translate(-50%, calc(-50% + 2.5rem));
        /* need to add the refresh button's height into the calculation */
      }
.show-todo-details .tab-panel-content .todo-details-part-status {
      display: flex;
      width: 100%;
      padding: 0.5rem;
    }
.show-todo-details .tab-panel-content .todo-details-part-status .todo-status.closed {
        color: #0C77BE;
      }
.show-todo-details .tab-panel-content .todo-details-part-status .todo-status.closed:hover {
          background-color: transparent !important;
        }
.show-todo-details .tab-panel-content .todo-details-part-status .todo-status.closed > i {
          color: #0C77BE;
          background-color: #FFFFFF;
        }
.show-todo-details .tab-panel-content .todo-details-part-status .todo-status.closed > span {
          color: #0C77BE;
        }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item {
          display: block;
          margin-top: 0.75rem;
          font-size: 0.75rem;
        }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details {
          display: inline;
          font-size: 0.875rem;
        }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.text-multiline {
            white-space: pre-wrap;
          }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority {
            vertical-align: middle;
          }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .indicator {
              width: 0.75rem;
              height: 0.75rem;
              border-radius: 100%;
              display: inline-block;
              vertical-align: middle;
            }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .indicator.low {
                background-color: #5E9331;
              }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .indicator.normal {
                background-color: #0D6AA8;
              }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .indicator.high {
                background-color: #FFBE00;
              }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .indicator.critical {
                background-color: #C81922;
              }
.show-todo-details .tab-panel-content .todo-details-part .todo-details-part-section .todo-details-section-item-details.priority .text {
              padding: 0 0.5rem;
              text-transform: capitalize;
            }
.show-todo-details .tab-panel-content .todo-details-assignees {
      padding: 0.25rem 0 0;
    }
.show-todo-details .tab-panel-content .trimble-attachments.todo-details-attachments .trimble-attachment-item {
        padding: 0 0 0 1rem !important;
        cursor: pointer;
      }
.show-todo-details .tab-panel-content .trimble-attachments.todo-details-attachments .trimble-attachment-item.point-cloud {
          cursor: not-allowed !important;
        }
.show-todo-details .tab-panel-content .trimble-attachments.todo-details-attachments .trimble-attachment-item .trimble-attachment-item-text {
          font-weight: 400 !important;
          line-height: 1;
          display: flex;
          justify-content: center;
          flex-direction: column;
        }
.show-todo-details .tab-panel-content .trimble-attachments.todo-details-attachments .trimble-attachment-item .trimble-attachment-item-text .trimble-attachment-item-details span {
              font-size: 0.7rem;
              font-weight: 400;
              height: 1rem;
            }
.edit-todo-details .todo-details-part-thumbnail {
    width: 100%;
    height: 8rem;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 0.0625rem solid #D0D0D7;
  }
.edit-todo-details .todo-details-part-thumbnail button.update-button {
      position: relative;
      z-index: 2;
      float: right;
      transform: translate(-0.5rem, 0.5rem);
    }
.edit-todo-details .todo-details-part-thumbnail button.update-button.icon-small {
        min-width: 2.5rem;
        min-height: 2.5rem;
        padding: 0;
      }
.edit-todo-details .todo-details-part-thumbnail img {
      min-height: 100%;
      min-width: 100%;
      display: block;
      position: relative;
      top: 25%;
      left: 50%;
      transform: translate(-50%, calc(-50% + 2.5rem));
      /* need to add the refresh button's height into the calculation */
    }
.edit-todo-details .todo-details-part-thumbnail button.update-button + img {
      transform: translate(-50%, -50%);
    }
.edit-todo-details .tab-panel-content .edit-details-part > span.label {
        align-items: center;
      }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .label {
            width: 100%;
            align-items: center;
          }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .help-button {
            margin-left: 0;
            margin-top: 0.25rem;
          }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .help-button .help-button-icon {
              width: auto;
              height: auto;
            }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .help-button .cdm-components-popover {
              padding: 0.75rem !important;
            }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .help-button .cdm-components-popover div > h3 {
                  margin: 0 !important;
                  font-size: 0.75rem !important;
                  height: 2rem !important;
                  line-height: 2rem !important;
                }
.edit-todo-details .tab-panel-content .edit-details-part.todo-dueDate .flex-row .help-button .cdm-components-popover div > p {
                  white-space: pre-line;
                }
.edit-todo-details .tab-panel-content .edit-details-part .todo-title,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-description,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-dueDate,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-completion {
        height: 2rem;
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-dueDate {
        min-height: 2.5rem;
        padding: 0.5rem 0.75rem;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-dueDate:not(.validation-error):focus {
          border-bottom: 0.125rem solid #005F9E !important;
        }
.edit-todo-details .tab-panel-content .edit-details-part .todo-dueDate.focus-visible {
          outline: none !important;
        }
.edit-todo-details .tab-panel-content .edit-details-part .todo-dueDate:focus-visible {
          outline: none !important;
        }
.edit-todo-details .tab-panel-content .edit-details-part .todo-title,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-description,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-completion {
        padding: 0.5rem 0.75rem;
        display: inline-block;
        min-height: 2.5rem;
        height: 2.5rem;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-description {
        height: 2.5rem;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-completion {
        width: 100%;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-priority,
      .edit-todo-details .tab-panel-content .edit-details-part .todo-status {
        padding: 0.5rem 0.75rem;
        height: 2.5rem;
        font-size: 0.875rem;
        border: 0.0625rem solid #D0D0D7;
      }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type.show-default, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority.show-default, .edit-todo-details .tab-panel-content .edit-details-part .todo-status.show-default {
          color: #BFBFC6;
          font-style: italic;
        }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type .select-option, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority .select-option, .edit-todo-details .tab-panel-content .edit-details-part .todo-status .select-option {
          color: #363545 !important;
          font-style: normal !important;
          padding: 0.5rem 1rem;
        }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type .select-option.low, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority .select-option.low, .edit-todo-details .tab-panel-content .edit-details-part .todo-status .select-option.low {
            color: #5E9331 !important;
          }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type .select-option.normal, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority .select-option.normal, .edit-todo-details .tab-panel-content .edit-details-part .todo-status .select-option.normal {
            color: #0D6AA8 !important;
          }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type .select-option.high, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority .select-option.high, .edit-todo-details .tab-panel-content .edit-details-part .todo-status .select-option.high {
            color: #FFBE00 !important;
          }
.edit-todo-details .tab-panel-content .edit-details-part .todo-type .select-option.critical, .edit-todo-details .tab-panel-content .edit-details-part .todo-priority .select-option.critical, .edit-todo-details .tab-panel-content .edit-details-part .todo-status .select-option.critical {
            color: #C81922 !important;
          }
.edit-todo-details .tab-panel-content .edit-details-part .todo-priority {
        padding: 0.5rem 0.5rem 0.5rem 2.25rem;
        background-position: 93%, 0.75rem;
        background-size: 1rem;
      }
.clash-details .tab-panel-topbar button.important {
        color: #197CB6;
      }
.clash-details .tab-panel-topbar button.irrelevant {
        color: #AEAEB6;
      }
.clash-details .tab-panel-content hr:first-of-type {
      margin-top: 0;
    }
.clash-details .tab-panel-content .clash-details-part span.h5 {
        display: block;
        margin-bottom: 0.5rem;
      }
.clash-details .tab-panel-content .clash-details-part .clash-details-section-item {
        display: block;
        margin-top: 0.75rem;
        font-size: 0.75rem;
      }
.clash-details .tab-panel-content .clash-details-part .clash-details-section-item-details {
        display: inline;
        font-size: 0.875rem;
      }
.clash-details .tab-panel-content .clash-details-part .clash-details-section-item-details.linked-item {
          vertical-align: middle;
          display: flex;
          min-height: 2.5rem;
          align-items: center;
        }
.clash-details .tab-panel-content .clash-details-part .clash-details-section-item-details.linked-item .item {
            cursor: pointer;
            width: 100%;
          }
.clash-details .tab-panel-content .clash-details-part .clash-details-section-item-details.linked-item .item .text {
              width: 100%;
              padding: 0 0.5rem;
            }
.clash-details .tab-panel-content .clash-details-part button.link-primary {
          padding: 0;
          display: inline-block;
          height: auto;
          min-height: auto;
          text-decoration: underline;
        }
.clash-details .tab-panel-content .clash-details-part button.action {
          padding-left: 0;
          color: #005F9E;
        }
.clash-details .tab-panel-content .clash-details-part button.action:first-of-type {
            margin-top: 0.5rem;
          }
.clash-details .tab-panel-content .clash-details-part button.action:hover {
            background-color: transparent !important;
          }
.clash-details .tab-panel-content .clash-details-part button.action > i {
            color: #005F9E;
            background-color: #FFFFFF;
          }
.clash-details .tab-panel-content .clash-details-part button.action > span {
            color: #005F9E;
            text-align: left;
          }
.show-clashset-details .tab-panel-content hr:first-of-type {
      margin-top: 0;
    }
.show-clashset-details .tab-panel-content .clashset-details-part .clashset-details-part-section .clashset-details-section-item {
          display: block;
          margin-top: 0.75rem;
          font-size: 0.75rem;
        }
.show-clashset-details .tab-panel-content .clashset-details-part .clashset-details-part-section .clashset-details-section-item-details {
          display: inline;
          font-size: 0.875rem;
        }
.show-clashset-details .tab-panel-content .clashset-details-part .clashset-details-part-section .clashset-details-section-item-details.status.processing {
              color: #6A6976 !important;
              font-style: italic;
            }
.show-clashset-details .tab-panel-content .clashset-details-part .clashset-details-part-section .clashset-details-section-item-details.status.error {
              color: #A51D25 !important;
            }
.show-clashset-details .tab-panel-content .clashset-details-part .clashset-details-part-section .clashset-details-section-item-details.options .item-detail {
              display: block;
              padding-right: 0.5rem;
            }
.show-clashset-details .tab-panel-content .clashset-details-sharedWith {
      padding: 0.5rem 0 0;
    }
.show-clashset-details .tab-panel-footer {
    padding: 0;
  }
.show-clashset-details .tab-panel-footer .foot-button {
      margin: 1rem;
      width: 100%;
      justify-content: center;
    }
.edit-clashset-details .tab-panel-content .edit-details-part .clashset-title {
        background: #FFFFFF;
        border: 0.05rem solid #D0D0D7;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
        display: inline-block;
        min-height: 2.5rem;
        height: 2.5rem;
      }
.clashset-panel-item {
  display: flex;
  align-items: center;
  padding: 0 0 0 0.75rem;
  min-height: 3.5rem;
  border-left: 0.2rem solid transparent;
}
.clashset-panel-item:hover {
    background-color: #F3F3F7;
    cursor: pointer;
  }
.clashset-panel-item.selected {
    background-color: #E5F0F8;
    border-left: 0.2rem solid #0C77BE;
  }
.clashset-panel-item.selected:hover {
      cursor: inherit;
    }
.clashset-panel-item .clashset-panel-inner-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
.clashset-panel-item .clashset-panel-inner-item .clashset-info {
      flex-grow: 1 !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
.clashset-panel-item .clashset-panel-inner-item .clashset-info .secondaryText {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
.clashset-panel-item .clashset-panel-inner-item .clashset-info .title {
        font-size: 0.875rem;
        font-weight: 400;
        color: #363545;
      }
.clashset-panel-item .clashset-panel-inner-item .clashset-info .status {
        font-size: 0.75rem;
        color: #6A6976;
      }

.clashset-panel-item.selected .clashset-info .title {
  color: #00437B;
  font-weight: 600;
}

.clashset-panel-item.error .clashset-info .title,
.clashset-panel-item.oldversion .clashset-info .title {
  color: #BC0911;
}

.clashset-panel-item.error .clashset-info .status,
.clashset-panel-item.processing .clashset-info .status {
  font-style: italic;
}
.create-clashset .tab-panel-content .create-clashset-part.section-edit:first-of-type {
        padding-top: 1rem !important;
      }
.create-clashset .tab-panel-content .create-clashset-part.section-edit:first-of-type .error-message {
          color: #C81922 !important;
          font-size: 0.75rem !important;
        }
.create-clashset .tab-panel-content .create-clashset-part .create-clashset-section-item {
        display: flex;
        font-size: 0.75rem;
        min-height: 1.5rem;
        align-items: flex-end;
        color: #6A6976 !important;
      }
.create-clashset .tab-panel-content .create-clashset-part .clashset-name {
        border: 0.05rem solid #D0D0D7;
        height: 2rem;
        padding: 0.5rem 0.75rem;
        display: inline-block;
        background: #FFFFFF;
        box-sizing: border-box;
        -webkit-appearance: none;
        font-size: 0.875rem;
      }
.create-clashset .tab-panel-content .create-clashset-part .create-clashset-unit-container {
        display: flex;
      }
.create-clashset .tab-panel-content .create-clashset-part .create-clashset-unit-container .clashset-number-input:focus {
          border: 0.05rem solid #D0D0D7;
          border-bottom: 0.125rem solid #005F9E !important;
        }
.create-clashset .tab-panel-content .create-clashset-part .create-clashset-unit-container .clashset-unit {
          line-height: 2.5rem;
          width: auto;
          padding-left: 0.5rem;
          font-size: 0.875rem;
          text-align: right;
          vertical-align: middle;
          white-space: nowrap;
        }
.create-clashset .tab-panel-content .create-clashset-part .custom-toggle.in-row {
        min-height: 2.5rem;
      }
.create-clashset .tab-panel-footer {
    padding: 0;
  }
.create-clashset .tab-panel-footer .foot-button {
      margin: 1rem;
      width: 100%;
      justify-content: center;
    }
.trimble-models-versions {
  border-top: 0.0625rem solid #D0D0D7;
  padding: 1rem 0.5rem 1rem 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.trimble-models-versions.selectable-list {
    padding: 1rem 1rem 1rem 0.5rem;
  }
.trimble-models-versions > .alert {
    white-space: normal;
    display: block;
  }
.trimble-models-versions > .alert.error {
      font-size: 0.8125rem;
    }
.trimble-models-versions .title {
    height: 2rem;
    flex-grow: 1 !important;
    display: flex;
    justify-content: space-between;
  }
.trimble-models-versions .title .h5 {
      width: 100%;
      display: inline-flex;
    }
.trimble-models-versions .model-items .model-name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
.trimble-models-versions .model-items .model-identifier {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #C81922;
    }
.trimble-models-versions .model-items .model-item {
      display: flex;
      align-items: center;
      margin-bottom: 0.375rem;
    }
.trimble-models-versions .model-items .model-item .model-item-details .model-version-info,
        .trimble-models-versions .model-items .model-item .model-item-details .model-version-deleted {
          font-size: 0.75rem;
          color: #6A6976;
          display: block;
        }
.trimble-models-versions .model-items .model-item .model-item-details .model-version-info .message, .trimble-models-versions .model-items .model-item .model-item-details .model-version-deleted .message {
            font-style: italic;
            white-space: pre-wrap;
            overflow: hidden;
            word-wrap: break-word;
          }
.trimble-models-versions .model-items .model-item .model-item-details .model-name {
          color: inherit;
          font-size: 0.875rem;
          font-weight: normal;
          width: 100%;
          white-space: pre-wrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
        }
.trimble-models-versions .model-items .model-item-with-version-history {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info {
        font-size: 0.875rem;
        font-weight: normal;
        display: flex;
        width: 100%;
      }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .custom-toggle {
          min-width: 2.5rem;
          height: 2.5rem;
          line-height: 2.5rem;
          text-align: center;
          vertical-align: middle;
        }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .custom-toggle:hover {
            background-color: #EAEAEF;
            color: #363545 !important;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .custom-toggle .icon-font {
            color: inherit;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .custom-toggle .content {
            padding: 0;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .model-version-details {
          width: calc(100% - 2.5rem);
          display: flex;
          flex-direction: column;
          cursor: pointer;
        }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .model-version-details .model-name {
            color: inherit;
            font-size: 0.875rem;
            font-weight: normal;
            width: 100%;
            white-space: pre-wrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-info .model-version-details .no-version {
            font-style: italic !important;
            opacity: 0.7;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-list {
        padding-left: 4.75rem;
        font-size: 0.75rem;
        color: #6A6976;
        width: 100%;
        max-height: 14rem;
        overflow-y: auto;
      }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-list .model-item {
          margin-bottom: 0;
        }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-list .model-item .custom-toggle.in-row {
            width: 100%;
            height: 2.5rem;
            align-items: center;
          }
.trimble-models-versions .model-items .model-item-with-version-history .model-version-list .model-item .custom-toggle.in-row .latest-model-version {
              padding-left: 0.325rem;
            }
.trimble-models-versions .model-items .left {
      justify-content: flex-start;
    }
.trimble-linked-objects .trimble-linked-objects-header {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding: 0.25rem 0.5rem 0.25rem 1rem;
    border-top: 0.0625rem solid #D0D0D7;
  }
.trimble-linked-objects .trimble-linked-objects-header .connect-dropdown-menu {
      margin-right: 0;
    }
.trimble-linked-objects .trimble-linked-objects-header .h5 {
      width: 100%;
      line-height: 2.5rem;
    }
.trimble-linked-objects .trimble-link-options-container {
    padding: 0 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
  }
.trimble-linked-objects .trimble-link-options-container button {
      justify-content: center;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
.trimble-linked-objects .trimble-link-options-container button.full-width {
        margin-bottom: 0.5rem;
      }
.trimble-linked-objects .trimble-link-options-container .trimble-mutliple-option-in-row {
      display: flex;
      flex-direction: row;
    }
.trimble-linked-objects .trimble-link-options-container .trimble-mutliple-option-in-row button:not(:first-of-type) {
        margin-left: 0.5rem;
      }
.trimble-linked-objects .trimble-link-options-container .trimble-mutliple-option-in-row.two > button {
          width: 50%;
        }
.connect-dropdown-menu {
  margin-right: 0.5rem;
  box-sizing: border-box;
}
.connect-dropdown-menu.disabled {
    pointer-events: none;
    cursor: not-allowed;
  }
.connect-dropdown-menu.disabled button {
      color: #8C8B96 !important;
    }
.connect-dropdown-menu .dropdown-pane {
    display: block;
    max-height: 22rem;
  }
.connect-dropdown-menu .dropdown-pane .dropdown-list li.disabled {
      opacity: 0.5;
      cursor: unset;
    }
.connect-dropdown-menu .dropdown-pane .dropdown-list li.disabled:hover {
      background-color: transparent;
      cursor: unset;
    }
.connect-dropdown-menu .dropdown-pane.top {
    top: auto;
    bottom: 100%;
  }
.connect-dropdown-menu .dropdown-pane.middle {
    width: max-content;
    left: 50%;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
  }
@keyframes trimble-snackbar-fade-in {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 1.87rem;
    opacity: 1;
  }
}

.snackbar {
  font-size: 0.875rem;
  max-width: 40rem !important;
  color: #FFFFFF;
  display: flex;
}

.snackbar.visible {
    visibility: visible;
    display: block;
    z-index: 2147483647 !important;
    animation:
      fadein 0.5s,
      fadeout 0.5s 5s;
  }

.snackbar.buttonless {
    min-width: 13rem !important;
  }

.snackbar .action-button {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
    margin-left: 1rem;
    cursor: pointer !important;
  }

.snackbar .d-flex span {
    flex-grow: 1;
  }

@media screen and (max-width: 48rem) {
  .snackbar {
    width: calc(95% - 1.5rem) !important;
  }
}
.color-selector-palette {
  overflow: hidden !important;
}
.custom-toggle {
  line-height: 2rem;
  display: inline;
  cursor: pointer;
}
.custom-toggle.in-row {
    line-height: unset;
    min-height: 2rem;
    display: flex;
    flex-flow: row nowrap;
  }
.custom-toggle.disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
.custom-toggle .icon-font {
    color: #9D9DA6;
  }
.custom-toggle .icon-font.checked {
      color: #0C77BE !important;
    }
.custom-toggle .content {
    font-size: 0.875rem;
    padding: 0 0.5rem;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
  }
.custom-toggle.attachment-setting {
    line-height: normal;
    display: flex;
  }
.clashes-panel .tab-panel-topbar .trimble-tab-title-section {
      max-width: calc(100% - 5rem);
    }
.clashes-panel .tab-panel-topbar .trimble-tab-title-section .trimble-tab-title {
        overflow: hidden;
        text-overflow: ellipsis;
      }
.clashes-panel .tab-panel-content {
    overflow: hidden;
    padding-bottom: 0rem;
  }
.clashes-panel .tab-panel-content .table-list {
      height: 100%;
    }
.clashes-panel .tab-panel-content .table-list.table-small {
      font-size: 0.8rem;
    }
.clashes-panel .tab-panel-content .table-list.table-small .table-list-head,
    .clashes-panel .tab-panel-content .table-list.table-small .table-list-item,
    .clashes-panel .tab-panel-content .table-list.table-small .sort-head {
      height: 2.5rem;
    }
.clashes-panel .tab-panel-content .table-list .sort-head:hover {
      cursor: pointer;
      background: #EAEAEF;
    }
.clashes-panel .tab-panel-content .table-list-item .clash-label {
      font-weight: 600;
    }
.clashes-panel .tab-panel-content .table-list-item.active {
        color: #005F9E;
      }
.clashes-panel .tab-panel-content .table-list-item.visibilityoff {
        opacity: 0.5;
      }
.clashes-panel .tab-panel-content .table-list-item .important {
        color: #197CB6;
      }
.clashes-panel .tab-panel-content .table-list-item .irrelevant {
        color: #AEAEB6;
      }
.clashes-panel .tab-panel-footer {
    padding: 0;
  }
.clashes-panel .tab-panel-footer .foot-button {
      margin: 1rem;
      width: 100%;
      justify-content: center;
    }
.attachments-panel .tab-panel-topbar .trimble-tab-title-section {
      max-width: calc(100% - 5rem);
    }
.attachments-panel .tab-panel-topbar .trimble-tab-title-section .trimble-tab-title {
        overflow: hidden;
        text-overflow: ellipsis;
      }
.attachments-panel .tab-panel-topbar + .tab-panel-content .trimble-attachments:first-child {
      border-top: none !important;
    }
.attachments-panel .tab-panel-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0rem;
  }
.attachments-panel .tab-panel-content .loading-attachments,
    .attachments-panel .tab-panel-content .checking-attachments {
      position: relative;
      display: flex;
      width: 100%;
      height: 3rem;
      min-height: 3rem;
      max-height: 3rem;
      align-content: center;
      justify-content: center;
      background-color: transparent;
      top: 0;
      left: 0;
      box-shadow: none;
      border-bottom: 0.0625rem solid #D0D0D7;
    }
.attachments-panel .tab-panel-content .attachments-limit-reached .action-button {
        text-decoration: underline;
        cursor: pointer;
      }
.attachments-panel .tab-panel-content .attachments-limit-reached + .pager-container {
      margin-top: -0.5rem;
    }
.attachments-panel .tab-panel-content .pager-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      min-height: 2.5rem;
      padding: 0 0.5rem 0 1rem !important;
    }
.attachments-panel .tab-panel-content .pager-container .label.goto {
        max-width: 3.5rem;
        white-space: nowrap;
        justify-content: flex-end;
        line-height: 2rem;
      }
.attachments-panel .tab-panel-content .pager-container input.goto {
        width: 2.75rem;
        padding: 0.125rem;
        margin-left: 0.5rem;
        text-align: center;
        height: 1.5rem;
        border: solid 0.0625rem #E2E2E7;
        min-height: auto !important;
        font-size: 0.75rem !important;
      }
.attachments-panel .tab-panel-content .pager-container .page-info {
        flex: 1 1 30%;
        text-align: right;
        margin-left: 0.5rem;
      }
.attachments-panel .tab-panel-content .pager-container .page-left {
        margin-left: 0.25rem;
      }
.attachments-panel .tab-panel-content .loading-attachments + .trimble-attachments {
      border-top: none !important;
    }
.attachments-panel .tab-panel-content .trimble-attachments {
      display: block;
      padding: 0 !important;
      height: 100%;
      position: relative;
      overflow-y: auto;
      border-top: 0.0625rem solid #D0D0D7;
    }
.attachments-panel .tab-panel-content .trimble-attachments .model-header {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0.25rem 0.25rem 0.25rem 1rem;
      }
.attachments-panel .tab-panel-content .trimble-attachments .model-header:hover {
          cursor: pointer;
          background: #F3F3F7;
        }
.attachments-panel .tab-panel-content .trimble-attachments .model-header .header-info {
          flex-grow: 1 !important;
        }
.attachments-panel .tab-panel-content .trimble-attachments .model-header .header-info .header-text {
            font-size: 0.875rem;
            font-weight: 600;
          }
.attachments-panel .tab-panel-content .trimble-attachments .model-header .header-info .text-meta {
            font-size: 0.7rem;
            font-weight: 400;
            height: 1rem;
          }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active {
          background-color: #E5F0F8;
          color: #00437B;
        }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item {
            border-left: 0.2rem solid #0C77BE;
            border-radius: 0;
          }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item:hover {
              background-color: transparent !important;
            }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item .trimble-attachment-item-text {
              font-weight: 600;
            }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item .trimble-attachment-item-text .scale65 .tc-icon-spinner-dark {
                  transform: scale(0.65);
                }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item-objects .objects-list > button.link-primary {
                border-left: 0.2rem solid #0C77BE;
                border-radius: 0;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item-objects .objects-list .object-item {
                border-left: 0.2rem solid #0C77BE;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container.active .trimble-attachment-item-objects .objects-list .object-item:hover:not(.selected) {
                  background-color: #E5F0F8 !important;
                }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item {
          padding: 0.25rem 0.5rem !important;
          height: 3rem;
          border-left: 0.2rem solid transparent;
        }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item .trimble-attachment-type {
            font-size: 1.25rem !important;
          }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item .trimble-attachment-item-text {
            padding-top: 0;
          }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item .trimble-attachment-item-text .trimble-attachment-item-details .text-meta {
                font-weight: 400 !important;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item .trimble-attachment-item-text .scale65 .tc-icon-spinner-dark {
                transform: scale(0.65);
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item .connect-dropdown-menu {
            margin-right: 0.125rem;
          }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list > li,
            .attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list > button {
              padding: 0 0 0 2.25rem !important;
            }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list > li.link-primary, .attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list > button.link-primary {
                width: 100%;
                background-color: #FFFFFF !important;
                border-left: 0.2rem solid transparent;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item {
              height: 2.25rem;
              line-height: 2.25rem;
              border-radius: 0;
              align-items: center;
              display: flex;
              border-left: 0.2rem solid transparent;
            }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item:hover {
                cursor: pointer;
                background-color: #CFE1EE !important;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item:hover:not(.selected) {
                  cursor: pointer;
                  background-color: #F3F3F7 !important;
                }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item.selected {
                background-color: transparent;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item.selected .object-name {
                  font-weight: 600;
                  color: #00437B !important;
                }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item.unselected {
                background-color: #FFFFFF;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item .object-name {
                width: calc(100% - 3rem);
                display: inline-block;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                font-size: 0.875rem;
                font-weight: 400;
              }
.attachments-panel .tab-panel-content .trimble-attachments .trimble-attachment-item-container .trimble-attachment-item-objects .objects-list .object-item .object-link-option {
                float: right;
              }
.attachments-panel .tab-panel-content .empty.center-in-panel.wrap {
        word-wrap: break-word;
        white-space: pre-wrap;
      }
.attachments-panel .tab-panel-content .empty.center-in-panel .empty-text {
        font-weight: normal !important;
      }
.attachments-panel .empty.wrap .empty-text p.text-muted {
        white-space: pre-wrap;
      }

.disable-attachments-panel-dialog .reveal {
    min-width: 34rem;
    max-width: 34rem;
  }

.disable-attachments-panel-dialog .reveal header > h2 {
        min-height: 2.5rem;
      }

.disable-attachments-panel-dialog .reveal footer hr {
        display: none;
      }

.disable-attachments-panel-dialog .reveal footer .wrap-buttons {
        flex-direction: column-reverse;
      }

.disable-attachments-panel-dialog .reveal footer .wrap-buttons .button {
          margin: 0;
        }

.disable-attachments-panel-dialog .reveal footer .wrap-buttons .button + .button {
          margin-bottom: 0.5rem;
        }
.visibility-control .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.5rem 0 0.5rem;
    height: 2.5rem;
  }
.visibility-control .item.with-expander {
      padding-right: 0;
    }
.visibility-control .item.with-expander .toggle {
        max-width: 85%;
      }
.visibility-control .item:hover {
      background-color: #F3F3F7 !important;
    }
.visibility-control .item .toggle {
      display: flex !important;
      align-items: center;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis;
    }
.visibility-control .item .expander button {
        padding-right: 0 !important;
        padding-left: 0.25rem !important;
        background-color: unset !important;
        transition: none;
      }
.visibility-control .items .dropdown, .visibility-control .child-items .dropdown {
      position: relative;
      display: none;
    }
.visibility-control .items .dropdown.open, .visibility-control .child-items .dropdown.open {
        display: block !important;
      }
.visibility-control .items .back-button, .visibility-control .child-items .back-button {
      padding: 0 !important;
    }
.visibility-control .items .list-container, .visibility-control .child-items .list-container {
      max-width: 18.75rem;
    }
.visibility-control .items .list-container .list, .visibility-control .child-items .list-container .list {
        /* For Firefox */
        overflow-y: scroll;
        scrollbar-width: none;
      }
.visibility-control .items .list-container .list::-webkit-scrollbar, .visibility-control .child-items .list-container .list::-webkit-scrollbar {
        /* For Chrome, Safari, and Opera */
        display: none;
      }
/* The Transparency dropdown previously hosted a single slider inside a
 * fixed-height (.model-transparency-settings { height: 4rem }) container.
 * The multi-row menu needs the dropdown content to size to its children, so
 * we relax those rules here when our menu is present. */
.trimble-workspace
  .trimble-toolbar
  .split-button-options.trimble-dropdown-open
  .trimble-dropdown-content.model-transparency-settings[\:has\(.transparency-menu\)] {
  height: auto;
  width: auto;
  min-width: 18rem;
  padding: 0.75rem 1rem;
}
.trimble-workspace
  .trimble-toolbar
  .split-button-options.trimble-dropdown-open
  .trimble-dropdown-content.model-transparency-settings:has(.transparency-menu) {
  height: auto;
  width: auto;
  min-width: 18rem;
  padding: 0.75rem 1rem;
}

.transparency-menu {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.transparency-menu-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.transparency-menu-row-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 1rem;
}

.transparency-menu-row-label {
  color: #6A6976;
  font-weight: 500;
}

.transparency-menu-row-value {
  color: #8C8B96;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.transparency-menu-row .trimble-slider.slider-horizontal {
  margin: 0;
  width: 100%;
}

.transparency-menu-row-disabled {
  opacity: 0.5;
}

.transparency-menu-row-disabled .transparency-menu-row-label,
.transparency-menu-row-disabled .transparency-menu-row-value {
  color: #AEAEB6;
}

.transparency-menu-row-disabled .trimble-slider {
  pointer-events: none;
}
:root{--presets-list-item-horizontal-padding:2.5rem;--col_footer_background_white:#e2e5eb}.account-administration-presets{flex-direction:column;flex:auto;padding:0 1rem;display:flex;overflow:hidden}.account-administration-presets_heading{justify-content:space-between;align-items:flex-end;min-height:3rem;display:flex}.account-administration-presets__preset-table{flex-direction:column;flex:auto;display:flex}.account-administration__presets-list{flex-direction:column;flex:1 1 0;display:flex;overflow-y:auto}.account-administration__presets-list .module{padding:0;box-shadow:0 0 .25rem #aeaeb6}.account-administration__presets-list .module-content{padding:2.5rem;padding:var(--presets-list-item-horizontal-padding)}.account-administration__presets-list .title{color:#363545}.account-administration__presets-list .header{margin-bottom:1rem;padding-bottom:0}.account-administration__presets-list .button-group{align-items:center;height:40px}.account-administration-presets__preset-table-controls{justify-content:space-between;display:flex}.account-administration-presets__preset-table-controls--left,.account-administration-presets__preset-table-controls--right{align-items:flex-end;margin-bottom:1rem;display:flex}.account-administration-presets__preset-table-controls--left div.input-button-group.search,.account-administration-presets__preset-table-controls--right div.input-button-group.search{height:40px;margin-right:1rem}.account-administration-presets__preset-table-controls--left div.input-group.dropdownfield,.account-administration-presets__preset-table-controls--right div.input-group.dropdownfield{margin:0}.account-administration__presets-list-item-footer{background-color:#f3f3f7}.account-administration__presets-list-item-footer-content{background-color:#e2e5eb;background-color:var(--col_footer_background_white);width:100%;max-height:0;overflow:hidden}.account-administration__presets-list-item-footer-content .table-toggle-shadow{background:linear-gradient(rgba(0,0,0,0.10196) 0%,rgba(0,0,0,0) 100%);width:100%;height:.4rem;position:absolute;top:0;left:0}.account-administration__presets-list-item-footer-content .table-container{padding:2rem 2.5rem;padding:2rem var(--presets-list-item-horizontal-padding);background:#e1e5ec;position:relative}.account-administration__presets-list-item-footer-content .table-container table.table-list{margin:1.5rem 0 0}.account-administration__presets-list-item-footer-content .table-container table.table-list th,.account-administration__presets-list-item-footer-content .table-container table.table-list td{text-align:left;padding-left:1em}.account-administration__presets-list-item-footer-content .table-container table.table-list th:last-child,.account-administration__presets-list-item-footer-content .table-container table.table-list td:last-child{text-align:right}.account-administration__presets-list-item-footer-content .table-container table.table-list .last-col-cell{width:3.75rem}.account-administration__presets-list-item-footer-content--open{background:#e1e5ec;max-height:37.5rem;overflow-y:auto}.account-administration__presets-list-item-footer-controls{background:#f9f9fb;flex:auto;justify-content:space-between;align-items:center;max-height:3rem;display:flex}.account-administration__presets-list-item-footer-controls button{cursor:pointer;background-color:rgba(0,0,0,0);border:none;flex:auto;align-items:center;height:3rem;padding:0 1em;font-weight:700;display:flex}.account-administration__presets-list-item-footer-controls button[disabled]{opacity:.5}.account-administration__presets-list-item-footer-controls button>span{margin-right:.5rem}.account-presets__projects-list-item-menu .dropdown-pane{right:0}.account-administration-date-dropdown{flex-direction:column;margin-right:1em;display:flex;position:relative}.account-administration-date-dropdown button.button.primary{color:#363545;background-color:rgba(0,0,0,0)}.account-administration-date-dropdown button.button.primary.active{background-color:rgba(0,0,0,0)}.account-administration-date-dropdown button.button.primary:focus{background-color:#fff}.account-administration-date-dropdown button.button.primary i.icon-font.tc-icon-arrow-drop-down{color:#474655!important}.account-administration-date-dropdown button~.line.focused_button_line{background-color:#005f9e;width:100%;height:.125rem}.account-administration-date-dropdown .account-administration-date-dropdown__pane{padding-top:0}.account-administration-date-dropdown .dropdown-pane{width:15rem;top:2.75rem;left:0}.account-administration-date-dropdown .dropdown-pane ul.list{padding-top:1rem}.account-administration-date-dropdown .date-dropdown__custom-date--wrapper{text-transform:uppercase;border-bottom:1px solid #d0d0d7;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.account-administration-date-dropdown .date-dropdown__custom-date--wrapper .date-dropdown__custom-date{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex}.account-administration-date-dropdown .date-dropdown__custom-date--wrapper .date-dropdown__custom-date p,.account-administration-date-dropdown .date-dropdown__custom-date--wrapper .date-dropdown__custom-date .trimble-icon *{color:#363545}.account-administration-date-dropdown .date-dropdown__custom-date--wrapper .date-dropdown__custom-date:hover{cursor:pointer;background-color:#f3f3f7}.account-administration-date-dropdown ul>li span.trimble-icon.icon-font.tc-icon-radio-btn{color:#aeaeb6;margin-right:.5em}.account-administration-date-dropdown ul>li span.trimble-icon.icon-font.tc-icon-radio-btn-checked{color:var(--col_link_blue);margin-right:.5em}.cdm-custom-date-selector{color:#aeaeb6;background-color:#fff;flex-direction:column;padding:0 1em .5em;display:flex;position:relative;top:0}.cdm-custom-date-selector .cdm-components-datepicker{position:fixed}.ignore-overflow-wrapper{position:absolute}.ignore-overflow-hidden{position:static;overflow-x:auto}.account-presets__input-modal{z-index:999;width:100%;height:100vh;position:fixed;top:0;left:0}.account-presets__input-modal .input-modal__backdrop{background-color:rgba(10,10,10,0.45098);width:100%;height:100%;position:absolute}.account-presets__input-modal .reveal-container input{background-color:rgba(0,0,0,0);border:none;width:100%;height:100%}.account-presets__input-modal .reveal-container input:focus{outline:none}.account-presets__input-modal .reveal-container section.scroll-section{height:auto;padding-top:0;padding-bottom:0}.account-presets__input-modal .line.invalid-input{background-color:#bc0911;width:100%;height:.125rem}.account-presets__snack-notification{justify-content:space-between;align-items:center;min-width:5rem;min-height:2rem;display:flex;top:0;right:0}.account-presets__snack-notification .multi-line-text{font-size:.875rem;font-weight:400;display:inline-block}.account-presets__snack-notification .account-presets__snack-notification-ok-button{color:#fff;background-color:#005f9e;border:0;border-radius:.125rem;width:2.375rem;height:2.5rem}.input-error-message{color:#bc0911;padding-left:1rem}
.pset-man-layout .add-pset-button,.psetman-master-libraries .add-pset-button{transition:right .3s;right:1.875rem}@media (max-width: 991px){.pset-man-layout .add-pset-button,.psetman-master-libraries .add-pset-button{margin-bottom:4rem}}
.pset-man-layout .psetman-panel.show+.head-container .add-pset-button,.psetman-master-libraries .psetman-panel.show+.head-container .add-pset-button{right:20.875rem}@media (min-width: 992px){.pset-man-layout .add-pset-button{right:4rem}}
.pset-man-layout .page-heading.sticky,.psetman-master-libraries .page-heading.sticky{z-index:2;position:sticky;top:-1px}.pset-man-layout .page-heading.sticky.pinned,.psetman-master-libraries .page-heading.sticky.pinned{background-color:#f3f3f7;padding-bottom:.125rem;box-shadow:0 .5rem .25rem -.25rem #aeaeb6}@media (max-width: 767px){.pset-man-layout .page-heading.sticky,.psetman-master-libraries .page-heading.sticky{z-index:1003}}
.pset-man-layout .pageSubmitBar,.psetman-master-libraries .pageSubmitBar{background-color:#fff;justify-content:flex-end;height:4rem;padding:.75rem 1rem;position:fixed;bottom:0;left:0;right:0}.pset-man-layout .psetman-panel.show+.head-container .pageSubmitBar,.psetman-master-libraries .psetman-panel.show+.head-container .pageSubmitBar{right:19.25rem}@media (max-width: 768px){.pset-man-layout .pageSubmitBar button.primary,.psetman-master-libraries .pageSubmitBar button.primary{width:100%;display:block}}
.pset-man-layout .select-menu .dropdown-pane>ul>li>ul,.psetman-master-libraries .select-menu .dropdown-pane>ul>li>ul{display:block}.pset-man-layout .dropdown-pane .dropdown-list li,.psetman-master-libraries .dropdown-pane .dropdown-list li{height:auto;display:block}.pset-man-layout .dropdown-pane .dropdown-list li.dropdown-parent-item:hover,.psetman-master-libraries .dropdown-pane .dropdown-list li.dropdown-parent-item:hover{background-color:unset;cursor:default}.pset-man-layout .list-item.group.active .selectable:hover,.psetman-master-libraries .list-item.group.active .selectable:hover{background-color:inherit}.cdm-components-table .list-data.wrap-line-break{white-space:pre-wrap}.cdm-components-table .badge.float-right{position:absolute;top:.5rem;right:3.5rem}.cdm-components-table .table-list.d-block thead,.cdm-components-table .table-list.d-block tbody{display:block}[dir="ltr"] .cdm-components-table th{text-align:left!important;
}[dir="rtl"] .cdm-components-table th{text-align:right!important;
}.cdm-components-table th{font-weight:600}.cdm-components-table .table-list .table-list-item.active{color:#005f9e}.cdm-components-table .table-list .table-list-item.error{border-left:.25rem solid #bc0911}.cdm-components-table .table-list .table-list-item.active.error{color:#363545;background:rgba(244,209,211,0.50196)}.cdm-components-table .table-list .table-list-item.unsupported-type{pointer-events:none;font-style:italic}.tag-editor-container.bottom-padding{margin-bottom:1rem}.tag-editor-container .tag-editor{width:100%}.tag-editor-container .tag-editor-selected{padding-left:.5rem}.tag-editor-container .tag-editor~.line{width:0}.tag-editor-container .tag-editor-focused~.line{background-color:#005f9e;width:100%;height:.125rem}.tag-editor-container.tag-editor-error .tag-editor-focused~.line{background-color:#c81922}.tag-editor-container .tag-editor-input>input[type=text]{border:none;width:100%!important}.tag-editor-container .chips{color:#6a6976;background-color:#eaeaef;justify-content:space-between;align-items:center;height:max-content;min-height:2rem;margin:.5rem .5rem 0 0;padding-left:.75rem;display:flex}.tag-editor-container .chips .chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-editor-container .chips button{color:#6a6976;flex-shrink:0}.tag-editor-container .chips button:hover{background-color:#d0d0d7}.tag-editor-container .chips button:active,.tag-editor-container .chips button.active{color:#6a6976;background-color:#bfbfc6}.tag-editor-container .chips button:active i,.tag-editor-container .chips button.active i{color:#6a6976}.tag-editor-container .chips.error{color:#c81922;background-color:rgba(200,25,34,0.2)}.tag-editor-container .chips.error button{color:#c81922}.tag-editor-container .chips.error button:hover{background-color:rgba(200,25,34,0.30196)}.tag-editor-container .chips.error button:active,.tag-editor-container .chips.error button.active{color:#c81922;background-color:rgba(200,25,34,0.4)}.tag-editor-container .chips.error button:active i,.tag-editor-container .chips.error button.active i{color:#c81922}.pset-man-layout .fade-enter,.psetman-master-libraries .fade-enter{opacity:0}.pset-man-layout .fade-enter-active,.psetman-master-libraries .fade-enter-active{opacity:1;transition:opacity .5s ease-in-out}.pset-man-layout .collapsible-y,.psetman-master-libraries .collapsible-y{height:auto;transition:height .3s ease-in-out;overflow:hidden}.psetman-panel{visibility:collapse;background-color:#fff;width:0;min-width:0;transition:all .3s;overflow:auto}.psetman-panel.show{width:19rem;min-width:19rem;max-width:19rem;box-shadow:0 0 .25rem #aeaeb6;visibility:visible!important}.psetman-panel .select-menu .name{font-weight:400}.psetman-panel .input-group label{justify-content:space-between}.psetman-panel .input-group.checkradio .group-items,.psetman-panel .label-group.checkradio .group-items{margin-left:-.5rem;margin-right:1.5rem}.psetman-panel .panel section .cdm-components-input-with-units .input-group:first-of-type{margin-right:1rem!important}.psetman-panel .panel section .cdm-components-input-with-units .dropdownpane-link.input-button-group{flex:1 0 auto;padding-left:.75rem;min-width:5rem!important}.psetman-panel .input-group-compact{min-height:0;margin:0}.psetman-panel .fallback-property{align-items:flex-end;display:flex}.psetman-panel .fallback-property .input-group{flex:none}.psetman-panel .fallback-property .input-group:first-child{flex:1 0 auto}.psetman-panel .fallback-property .button{padding:.5rem}.psetman-panel .add-fallback-button{margin-top:.75rem}.psetman-panel a{cursor:pointer}.psetman-panel a.disabled{cursor:default;opacity:.5}.psetman-panel .separator{border-bottom:.0625rem solid #d0d0d7;flex-grow:0;flex-shrink:0;width:calc(100% + 2rem);margin-left:-1rem}.psetman-panel hr{margin:1rem -1rem}.psetman-panel.panel .access-control-dialog header{border:none;padding:2.5rem 2.5rem .5rem}.psetman-panel.panel .access-control-dialog footer{background-color:rgba(0,0,0,0);border:none}.psetman-panel.panel section{overflow-y:unset}.psetman-panel .panel-title.keep-height{min-height:2.5rem}.pset-man-layout .panelchanges-overlay,.psetman-master-libraries .panelchanges-overlay{z-index:810;outline:0;display:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.pset-man-layout .panelchanges-overlay.showme,.psetman-master-libraries .panelchanges-overlay.showme{animation:.5s forwards psetman-panelchanges-overlay-on;display:block}.pset-man-layout .panelchanges-overlay-reveal,.psetman-master-libraries .panelchanges-overlay-reveal{z-index:811}@keyframes psetman-panelchanges-overlay-on{0%{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,0.2)}}.project-region-filter .dropdown-pane-container{width:110%}.project-region-filter .input-button-group{background-color:rgba(0,0,0,0);border:none;font-weight:600}.project-region-filter .dropdown-pane.dropdown{max-width:-moz-fit-content!important;max-width:fit-content!important}.cdm-components__project-list-dialog{height:75%}.cdm-components__project-list-dialog .cdm-components__project-list-dialog-content{flex-direction:column;display:flex;overflow:hidden}.cdm-components__project-list-dialog .cdm-components__project-list-dialog-controls{flex-direction:column;flex:0 auto;display:flex}.cdm-components__project-list-dialog ul{flex-direction:column;display:flex;overflow-y:auto}.module{background-color:#fff;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;transition:padding .15s ease-in-out;box-shadow:0 0 .05rem #aeaeb6}@media (min-width: 576px){.module{padding:2.5rem 2.5rem 0}}
.module.active{box-shadow:0 0 .5rem #aeaeb6}.module.collapsed{padding:1.5rem}@media (min-width: 576px){.module.collapsed{padding:1.5rem 2.5rem}}
.module.collapsed .header{padding-bottom:0}.module .header{flex-flow:row;justify-content:space-between;align-items:center;display:flex}@media (min-width: 576px){.module .header{padding-bottom:1rem}}
.module .header .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module .header .button-group{justify-content:flex-end;display:flex}@media (min-width: 576px){.module .header .button-group .button{margin-left:.5rem}}
.module .table-list{margin:1.5rem -1.5rem 0}@media (min-width: 576px){.module .table-list{margin:1.5rem -2.5rem 0}}
.psetman-master-libraries .master-library-list .module{padding:0}.psetman-master-libraries .master-library-list .module .module-content{padding:2.5rem}.psetman-master-libraries .master-library-list .module .module-content .header{justify-content:space-between;display:flex}.psetman-master-libraries .master-library-list .module .module-content .header .button-group{align-items:center;display:flex}.psetman-master-libraries .master-library-list .module .module-content .header .button-group button{margin-left:1rem}.psetman-master-libraries .master-library-list .module .table-toggle{cursor:pointer;background:#f9f9fb;align-items:center;height:3rem;max-height:3rem;padding:1rem;display:flex}.psetman-master-libraries .master-library-list .module .table-toggle[disabled]{opacity:.5}.psetman-master-libraries .master-library-list .module .table-toggle-shadow{background:linear-gradient(rgba(0,0,0,0.10196) 0%,rgba(0,0,0,0) 100%);width:100%;height:.4rem;position:absolute;top:0;left:0}.psetman-master-libraries .master-library-list .module .table-container{background:#e1e5ec;padding:1.5rem 2.5rem;position:relative}.psetman-master-libraries .master-library-list .module .table-container table.table-list{table-layout:fixed;margin:1.5rem 0 0}.psetman-master-libraries .master-library-list .module .table-container table.table-list th,.psetman-master-libraries .master-library-list .module .table-container table.table-list td{text-align:left;padding:.75rem 1rem}.psetman-master-libraries .master-library-list .module .table-container table.table-list tbody .table-list-item:hover{cursor:default;background-color:#fff}.psetman-master-libraries .master-library-list .module .table-container table.table-list tbody .table-list-item .overflow-hidden{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.psetman-master-libraries{flex-flow:row-reverse;width:100%;height:100%;font-size:.875rem;display:flex;position:relative}.psetman-master-libraries .head-container{margin-top:0;overflow:auto}.psetman-master-libraries .cursor-pointer{cursor:pointer}
.access-control-view .module .header{flex-flow:column;align-items:start}.access-control-view .module .access-control-header-items{justify-content:space-between;align-items:center;display:flex}.access-control-view .module .access-control-header-items .access-control-help{justify-content:flex-end;align-items:center;font-size:.75rem;display:flex}.access-control-view .module .access-control-header-items .access-control-help .icon-font{margin:0 .25rem 0 .5rem}@media (max-width: 768px){.access-control-view .module .access-control-header-items,.access-control-view .module .access-control-header-items .access-control-help{flex-flow:column;align-items:flex-start!important}}
.access-control-view .module .table-list{margin-top:0;overflow-x:auto}.access-control-view .module .table-list .table thead{text-align:left}.access-control-view .module .table-list .table tbody tr.table-list-item:hover{background-color:inherit;cursor:default}.access-control-view .module .table-list .table tbody tr:first-child td:first-child .group-title-wrapper{padding-left:3rem}.access-control-view .module .table-list .table th,.access-control-view .module .table-list .table td{padding:0 1rem}.access-control-view .module .table-list .table th:first-child,.access-control-view .module .table-list .table td:first-child{width:13rem;min-width:13rem;max-width:13rem}.access-control-view .module .table-list .table th:not(:first-child):not(:last-child),.access-control-view .module .table-list .table td:not(:first-child):not(:last-child){width:9rem;min-width:9rem;max-width:9rem}.access-control-view .module .table-list .table th:last-child,.access-control-view .module .table-list .table td:last-child{width:auto;min-width:0;padding:0}.access-control-view .module .table-list .table td:first-child{padding-left:0}.access-control-view .module .table-list .table th{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.access-control-view .module .table-list .table th .update-policy-button button:hover{background-color:#eaeaef}.access-control-view .module .table-list .table .group-title-wrapper{display:flex}.access-control-view .module .table-list .table .group-title-wrapper .group-title-remove{flex:none;margin-right:.5rem}.access-control-view .module .table-list .table .group-title-wrapper .group-title-remove[disabled]{opacity:.5}.access-control-view .module .table-list .table .group-title-wrapper .group-title-remove i{padding:.5rem}.access-control-view .module .table-list .table .group-title-wrapper .group-title{flex:auto;min-width:0}.access-control-view .module .table-list .table .group-title-wrapper .group-title strong,.access-control-view .module .table-list .table .group-title-wrapper .group-title small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.access-control-view .module .table-list .table .access-control-editor{padding:0}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container{align-items:center;height:4rem;padding:0 1rem;display:flex}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container.disabled{opacity:.5}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container .tc-icon-arrow-drop-down,.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container .tc-icon-arrow-drop-up{margin-left:.75rem}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container .transparent-icon{opacity:.5}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container .dropdown-pane{top:100%;left:0}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container.is-editable:hover{cursor:pointer}.access-control-view .module .table-list .table .access-control-editor .dropdown-pane-container.is-active:before{content:"";border:.125rem solid #005f9e;position:absolute;top:0;right:0;bottom:0;left:0}.access-control-dialog .button-advanced{margin-right:auto}.access-control-dialog .button-advanced button{color:#005f9e;margin-left:0;padding:0;font-size:.75rem}.access-control-dialog .react-tags{cursor:text;background:#fff;border:.0625rem solid #d0d0d7;padding:0 0 .25rem .4375rem;position:relative}.access-control-dialog .react-tags.disabled,.access-control-dialog .react-tags.disabled .react-tags__search-input>input{cursor:not-allowed;background-color:#eaeaef}.access-control-dialog .react-tags .react-tags__selected{display:inline}.access-control-dialog .react-tags .react-tags__search{max-width:100%;display:inline-block}.access-control-dialog .react-tags .react-tags__suggestions{width:100%;max-height:14.5rem;top:100%;left:0}.access-control-dialog .react-tags .chips,.access-control-dialog .react-tags input{margin:.25rem .25rem 0 0}.access-control-dialog .react-tags .react-tags__search-input{margin:.25rem .25rem 0 0;font-size:.875rem}.access-control-dialog .react-tags input{border:0;outline:none;max-width:100%;height:2rem;margin:0;padding:0}.access-control-dialog .react-tags input:-ms-input-placeholder{color:#8c8b96;padding-left:.25rem;font-style:italic}.access-control-dialog .react-tags input::placeholder{color:#8c8b96;padding-left:.25rem;font-style:italic}.access-control-dialog .react-tags input:-ms-input-placeholder{width:100%!important}.access-control-dialog .react-tags input:placeholder-shown{width:100%!important}.access-control-dialog .group-access-wrapper{align-self:self-start;align-items:center;display:flex}.access-control-dialog .group-access-wrapper .react-tags-wrapper{flex:auto;min-width:0}.access-control-dialog .group-access-wrapper .dropdown-pane-container{flex:none;width:auto}.access-control-dialog .group-access-wrapper .dropdown-pane-container .name{font-weight:400}.access-control-dialog .group-access-wrapper .dropdown-pane-container:hover{background-color:#fff}.access-control-dialog .group-access-wrapper .dropdown-pane-container .dropdown-pane{right:0;left:unset;min-width:unset;max-width:unset}.access-control-dialog .group-access-wrapper .dropdown-pane-container .dropdown-pane .dropdown-list li{height:auto;display:block}.access-control-dialog .default-access-list{background-color:#fff}.access-control-dialog .default-access-list .group-row{height:3rem;font-size:.875rem;display:flex}.access-control-dialog .default-access-list .group-row .group-col-name{flex-direction:column;flex:auto;justify-content:center;min-width:0;margin-left:1rem;display:flex}.access-control-dialog .default-access-list .group-row .group-col-name span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow-x:hidden}.access-control-dialog .default-access-list .group-row .group-col-access{flex:none;align-items:center;margin-left:1rem;display:flex}.access-control-dialog .default-access-list .group-row .group-col-access .dropdown-pane{top:calc(100% + .5rem);right:0}.access-control-dialog .default-access-list .group-row .group-col-access .dropdown-pane .dropdown-list li{height:auto;display:block}.access-control-dialog .default-access-list .group-row .group-col-access .dropdown-pane .dropdown-list li.border-top{border-top:.0625rem solid #d0d0d7}.access-control-dialog .default-access-list .group-row .group-col-delete{flex:0 0 3rem;justify-content:center;align-items:center;margin-left:.5rem;display:flex}.access-control-dialog .alert-message{white-space:"normal"}.access-control-dropdown-popper{max-width:14rem}.access-control-dropdown-popper .dropdown-pane{position:static}.access-control-dropdown-popper .dropdown-pane .dropdown-list li{height:auto;display:block}.access-control-dropdown-popper .dropdown-pane .dropdown-list li.with-separator{text-overflow:unset;overflow:unset;white-space:normal;border-bottom:.0625rem solid #d0d0d7}.trimble-application button.enable-pointer-events:disabled,.enable-pointer-events{pointer-events:auto}.cdm-components-checkbox.checkbox:hover{background-color:inherit!important}.cdm-components-checkbox.checkbox .disabled{color:#aeaeb6;opacity:.5;cursor:default;pointer-events:none}.cdm-components-checkbox.checkbox button.checked,.cdm-components-checkbox.checkbox .checkbox .checked{color:#005f9e;background-color:inherit}.cdm-components-checkbox-with-label{cursor:pointer;flex-wrap:nowrap;align-items:center;display:flex}.cdm-components-datepicker{z-index:1;margin-bottom:2.5rem;position:absolute;top:40px}.cdm-components-datepicker.date-picker .days-group>div,.cdm-components-datepicker.date-picker .dates-group>div,.cdm-components-datepicker.date-picker .months-group>div,.cdm-components-datepicker.date-picker .years-group>div{margin:0 auto}.cdm-components-datepicker.date-picker .dates-group>div.disabled,.cdm-components-datepicker.date-picker .months-group>div.disabled,.cdm-components-datepicker.date-picker .years-group>div.disabled{opacity:.5!important}.trimble-workspace .trimble-workspace-details-content .reveal h1,.trimble-workspace .trimble-workspace-details-content .reveal h2,.trimble-workspace .trimble-workspace-details-content .reveal h3,.trimble-workspace .trimble-workspace-details-content .reveal h4,.trimble-workspace .trimble-workspace-details-content .reveal h5,.trimble-workspace .trimble-workspace-details-content .reveal h6{margin:0}.trimble-workspace .trimble-workspace-details[\:has\(\%3E.trimble-workspace-details-content\%20.organizer-settings\%20.formula-rule-dialog__backdrop\)]{z-index:10000}.trimble-workspace .trimble-workspace-details:has(>.trimble-workspace-details-content .organizer-settings .formula-rule-dialog__backdrop){z-index:10000}.dropdown-pane .dropdown-list .dropdown-parent-item{border:.0625rem solid #d0d0d7;border-width:.0625rem 0}.dropdown-pane .dropdown-list .dropdown-parent-item i.dropdown-parent-chevron{margin-right:0}.dropdown-pane .dropdown-list .dropdown-parent-item .h6{color:#8c8b96}.dropdown-pane .dropdown-list .active i.dropdown-active-check{color:inherit;margin-right:0}.cdm-components-dropdown.disabled .dropdownpane-link{cursor:not-allowed;background-color:#eaeaef}.cdm-components-dropdown .select-menu .dropdown-pane.dropdown{min-width:100%;max-width:100%}.cdm-components-dropdown .select-menu .name{font-weight:400}.cdm-components-dropdown .dropdownpane-link.input-button-group .trimble-icon{height:1.375rem}.cdm-components-dropdown .dropdown-list.list .list-item.group .list-item.group .group-items{padding-left:1rem}.grouping-property-search .cdm-portal-component__child{min-width:500px!important}.grouping-property-search__dropdown-wrapper{width:100%;min-width:255px;max-width:272px}.grouping-property-search__dropdown-wrapper .grouping-property-search__dropdown{width:100%;position:absolute}.grouping-property-search__dropdown-wrapper .grouping-property-search__dropdown .property-dropdown-menu{z-index:999999;position:relative}.grouping-property-search__dropdown-wrapper .grouping-property-search__dropdown .property-dropdown-menu .input-button-group .line{bottom:-1px}.cdm-components__more-menu{width:auto}.button-with-popover-icon{color:#6a6976;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.button-with-popover-icon:hover{color:#0d6aa8;background-color:#cfe1ee}.cdm-components-icon.disabled{cursor:not-allowed}.trimble-application section span.cdm-components-icon{flex:unset}.cdm-components-input-with-units .input-group{margin-bottom:0}.cdm-components-input-with-units .input-dropdown-wrapper{justify-content:space-between;display:flex}.cdm-components-input-with-units .input-dropdown-wrapper .cdm-components-dropdown{flex:1 0 auto;width:6.5rem;margin-left:1rem}.menu .disabled{opacity:.5!important;cursor:not-allowed!important}.menu .dropdown-pane{overflow:visible}.cdm-components-popover{z-index:100;background-color:#fff;max-width:200px;padding:1rem;box-shadow:0 0 .375rem #aeaeb6}.cdm-components-popover h3{margin:.5em 0 .75em;font-size:.875em}.cdm-components-popover p{margin-bottom:.75em;font-size:.75em}.cdm-components-popover p:last-child{margin-bottom:.5em}.cdm-components-popover [x-arrow]{box-sizing:border-box;border:5px solid rgba(0,0,0,0);border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff;position:absolute;box-shadow:-.15rem .15rem .15rem #d7d7db}.cdm-components-popover[x-placement=bottom]{margin-top:4px}.cdm-components-popover[x-placement=bottom] [x-arrow]{transform-origin:10px 10px;top:-10px;transform:translate(-12px)rotate(135deg)}.cdm-components-popover[x-placement=left]{margin-right:4px}.cdm-components-popover[x-placement=left] [x-arrow]{transform-origin:0 0;right:-10px;transform:translateY(12px)rotate(-135deg)}.cdm-components-popover[x-placement=top]{margin-bottom:4px}.cdm-components-popover[x-placement=top] [x-arrow]{transform-origin:0 0;bottom:-10px;transform:translate(-2px)rotate(-45deg)}.cdm-components-popover[x-placement=right]{margin-left:4px}.cdm-components-popover[x-placement=right] [x-arrow]{transform-origin:10px 10px;left:-10px;transform:translateY(2px)rotate(45deg)}.cdm-components-tooltip{color:#fff;word-wrap:break-word;width:max-content;padding:.5rem;white-space:initial!important;background-color:#363545!important}.cdm-components-tooltip>div{white-space:initial!important}.cdm-components-popover.cdm-components-tooltip{max-width:17.5rem}.dropdown-pane .tooltip-wrapper{flex-grow:1;display:flex;position:relative}.dropdown-pane .tooltip-wrapper .tooltip-wrapper__children{flex-grow:1;overflow:hidden}.list .list-item.group .group-items .tooltip-wrapper button:first-child,.list .list-item.group .group-items .tooltip-wrapper button:last-child{margin-left:0}.tooltip-fixed-wrapper{z-index:999999999;background-color:inherit;opacity:1;transition:opacity .1s ease-in;display:flex;position:fixed}.tooltip-fixed-wrapper .tooltip-wrapper__message{z-index:9999;background-color:rgba(0,0,0,0);border-radius:.25rem;max-width:17.5rem;font-size:.75rem;display:flex;position:relative;box-shadow:0 0 .25rem #8c8b96}.tooltip-fixed-wrapper .tooltip-wrapper__message .tooltip-wrapper__caret{color:#fff;background-color:#363545;width:.5rem;height:.5rem;position:absolute;bottom:-.25rem;left:calc(50% - .5rem);transform:rotate(45deg);box-shadow:0 0 10px rgba(0,0,0,0.50196)}.tooltip-fixed-wrapper .tooltip-wrapper__message .tooltip-wrapper__message-content{color:#fff;word-wrap:break-word;background-color:#363545;border-radius:.25rem;padding:.5rem;position:relative;overflow:hidden}.fade-wrapper{opacity:0}.license-tooltip.tooltip-fixed-wrapper.informational .tooltip-wrapper__message .tooltip-wrapper__caret,.license-tooltip.tooltip-fixed-wrapper.informational .tooltip-wrapper__message .tooltip-wrapper__message-content{color:#363545;background:#fff!important}.license-tooltip.tooltip-fixed-wrapper.restricted .tooltip-wrapper__message .tooltip-wrapper__caret{color:#fff;background:#363545!important}.license-tooltip.tooltip-fixed-wrapper.restricted .tooltip-wrapper__message .tooltip-wrapper__message-content{color:#fff;background:col_trimble_gray!important}.license-tooltip.tooltip-fixed-wrapper.unlicensed .tooltip-wrapper__message .tooltip-wrapper__caret,.license-tooltip.tooltip-fixed-wrapper.unlicensed_project .tooltip-wrapper__message .tooltip-wrapper__caret,.license-tooltip.tooltip-fixed-wrapper.unlicensed_account .tooltip-wrapper__message .tooltip-wrapper__caret{background:#d52a33!important}.license-tooltip.tooltip-fixed-wrapper.unlicensed .tooltip-wrapper__message .tooltip-wrapper__message-content,.license-tooltip.tooltip-fixed-wrapper.unlicensed_project .tooltip-wrapper__message .tooltip-wrapper__message-content,.license-tooltip.tooltip-fixed-wrapper.unlicensed_account .tooltip-wrapper__message .tooltip-wrapper__message-content{color:#fff;background:#d52a33!important}.cdm-view-restricted-container{background-color:#e5f0f8;width:100%;height:100%}.empty.cdm-license-restriction.large{max-width:22rem}.empty.cdm-license-restriction .highlighted-content{background-color:#e5f0f8;border-radius:.25rem}.empty.cdm-license-restriction .empty-text{color:#1b1a26;font-size:.875rem}.empty.cdm-license-restriction .empty-action.centered{justify-content:center;display:flex}.empty.cdm-license-restriction .empty-action.wide>button{width:100%}.empty.cdm-license-restriction .empty-action button{justify-content:center}.upgrade-banner{background:#fff;border:.0625rem solid #d0d0d7;margin:1.5rem 1rem}.upgrade-banner .close-icon{width:1.5rem;height:1.5rem;min-height:1.5rem;margin-left:auto;padding:0}.upgrade-banner a{cursor:pointer;text-decoration:underline}.upgrade-banner a.disabled{pointer-events:none;cursor:none;opacity:.5}.upgrade-banner>a.button{line-height:1.5rem;text-decoration:none}.search-box-multi__input{flex-wrap:nowrap;align-items:center;min-width:20rem;max-width:40rem;display:flex;overflow:hidden}.search-box-multi__input input{border:none;width:100%}.search-box-multi__input input:focus{outline:none}.cdm-component-chip button.button.default{border:0;margin:0}span.cdm-component-chip.chips.rectangle{margin:0 .25rem 0 0;overflow:visible}.preset-preview-modal{z-index:999;width:100%;height:100vh;position:fixed;top:0;left:0}.preset-preview-modal hr{margin-left:2.5rem;margin-right:2.5rem}.preset-preview-modal header:after{content:none}.preset-preview-modal .reveal{background-color:#fff}.preset-preview-modal .input-modal__backdrop{background-color:rgba(10,10,10,0.45098);width:100%;height:100%;position:absolute}.preset-preview-modal .preset-preview-modal__group-by{flex-wrap:wrap;align-items:center;margin-bottom:1rem;display:flex}.preset-preview-modal .preset-preview-modal__group-by .preset-preview-modal__chips{flex-wrap:wrap;display:flex}.preset-preview-modal .preset-preview-modal__group-by .preset-preview-modal__chip{white-space:nowrap;border-radius:.25rem;margin-bottom:.25rem;margin-right:.25rem;padding:.25rem;display:flex}.preset-preview-modal .preset-preview-modal__group-by .preset-preview-modal__chip:first-of-type{margin-left:0}.preview-modal-row{vertical-align:middle;flex-direction:column;justify-content:center;min-height:1.5rem;padding:.5rem;display:flex}.preview-modal-row .preview-modal-row__pset-name{padding-bottom:.125rem}.preview-modal__empty-message{margin-bottom:.5rem}.cdm-components__simple-confirm-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cdm-components__simple-confirm-modal .cdm-components__simple-confirm-modal--backdrop{background-color:rgba(0,0,0,0.4);width:100vw;height:100vh;display:flex}.cdm-components-tabs{flex-direction:column;display:flex;overflow:hidden;flex:auto!important}.cdm-components-tabs .cdm-components-tabs__header{border:0;border-radius:.125rem;justify-content:space-between;align-items:flex-end;height:2.5rem;margin-bottom:1rem;padding:0 1.5rem 0 2rem;line-height:2.5rem;display:flex;overflow:hidden}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__header-buttons{flex-wrap:nowrap;display:flex}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__header-buttons .tooltip-wrapper__children>button.secondary{min-width:4.5rem;max-width:7rem;max-height:2.5rem;padding:0 .65rem;margin-right:.125rem!important}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels{width:calc(100% - 10rem)}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label{color:#6a6976;white-space:nowrap;cursor:pointer;border-bottom:1px inset #d0d0d7;justify-content:center;align-items:center;width:auto;min-width:11rem;max-width:14rem;padding-top:.5rem;font-size:.875rem;display:flex;position:relative}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label:hover{background-color:rgba(0,0,0,0.10196);transition:background-color .2s ease-in}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label.active-tab{color:#0c77be;border-bottom:3px solid #0c77be;font-weight:600}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label.tab-error{color:#c81922;padding-left:1rem}.cdm-components-tabs .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label.tab-error .tc-icon-warning{margin-left:.5rem;font-size:1rem;position:absolute;left:0}.cdm-components-tabs .cdm-components-tab__content{flex-direction:column;margin-right:1.5rem;display:flex;overflow:auto;flex:1!important}.trimble-scrollable-content{display:inline-block}.trimble-scrollable-content .trimble-swipeable-content{flex-direction:row;display:flex}.trimble-scrollable-content .sliding-content{touch-action:pan-y;flex-grow:1;display:flex;position:relative;overflow:hidden}.trimble-scrollable-content .sliding-content:focus{outline:0!important}.trimble-scrollable-content .scroll-left,.trimble-scrollable-content .scroll-right{top:.35rem;background-color:rgba(0,0,0,0)!important;border-bottom:3px inset #d0d0d7!important;height:3rem!important}.trimble-scrollable-content .scroll-left .icon-font,.trimble-scrollable-content .scroll-right .icon-font{padding-top:.25rem}.trimble-scrollable-content .scroll-left:hover,.trimble-scrollable-content .scroll-right:hover{color:#0c77be!important;background-color:#f3f3f7!important}.trimble-scrollable-content .scroll-left{margin-right:.75rem}.trimble-scrollable-content .scroll-right{margin-left:.75rem}@media screen and (max-width: 1024px){.trimble-scrollable-content .scroll-left,.trimble-scrollable-content .scroll-right{margin:0;min-width:1.5rem!important}}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;font-family:sans-serif}*{box-sizing:border-box;background-repeat:no-repeat}ul,li,h2{margin:0;padding:0;list-style:none}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:rgba(0,0,0,0);text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.bg-white{background-color:#fff!important}.bg-transparent,.bg-none{background-color:rgba(0,0,0,0)!important}.bg-trimble_blue_dark{background-color:#002d5b!important}.bg-trimble_blue{background-color:#00437b!important}.bg-trimble_blue_mid{background-color:#005f9e!important}.bg-trimble_blue_light{background-color:#009ad9!important}.bg-trimble_yellow{background-color:#ffbe00!important}.bg-trimble_green{background-color:#4d6f33!important}.bg-trimble_red{background-color:#a51d25!important}.bg-gray_half{background-color:#f9f9fb!important}.bg-gray_light{background-color:#f3f3f7!important}.bg-gray_0{background-color:#eaeaef!important}.bg-gray_1{background-color:#e2e2e7!important}.bg-gray_2{background-color:#d0d0d7!important}.bg-gray_3{background-color:#bfbfc6!important}.bg-gray_4{background-color:#aeaeb6!important}.bg-gray_5{background-color:#9d9da6!important}.bg-gray_6{background-color:#8c8b96!important}.bg-gray_7{background-color:#7b7a86!important}.bg-gray_8{background-color:#6a6976!important}.bg-gray_9{background-color:#595868!important}.bg-gray_10{background-color:#474655!important}.bg-trimble_gray{background-color:#363545!important}.bg-gray_dark_1{background-color:#262533!important}.bg-gray_dark_2{background-color:#1b1a26!important}.bg-gray_dark_3{background-color:#0b0a12!important}.bg-black{background-color:#000!important}.bg-blue{background-color:#0d6aa8!important}.bg-blue_alt{background-color:#0c77be!important}.bg-blue_light{background-color:#197cb6!important}.bg-blue_dark{background-color:#07599b!important}.bg-blue_pale{background-color:#cfe1ee!important}.bg-blue_pale_alt{background-color:#e5f0f8!important}.bg-green{background-color:#5e9331!important}.bg-green_light{background-color:#72a544!important}.bg-green_dark{background-color:#4a821f!important}.bg-green_pale{background-color:#dfe9d6!important}.bg-yellow{background-color:#ffbe00!important}.bg-yellow_light{background-color:#ffd200!important}.bg-yellow_dark{background-color:orange!important}.bg-yellow_pale{background-color:#fff2cc!important}.bg-orange{background-color:#ff8b00!important}.bg-orange_light{background-color:orange!important}.bg-orange_dark{background-color:#ff6e00!important}.bg-orange_pale{background-color:#ffe8cc!important}.bg-red{background-color:#c81922!important}.bg-red_light{background-color:#d52a33!important}.bg-red_dark{background-color:#bc0911!important}.bg-red_pale{background-color:#f4d1d3!important}.textRed{color:#c81922!important}.textWhite{color:#fff!important}.status-success{color:#2ecc71!important}.status-partial{color:#e67e22!important}.status-major{color:#e74c3c!important}.text-gray_4{color:#aeaeb6!important}.text-red_light{color:#d52a33!important}.text-yellow_dark{color:orange!important}.text-trimble_blue_mid{color:#005f9e!important}.text-green_light{color:#72a544!important}.text-gray_3{color:#bfbfc6!important}.text-gray_8{color:#6a6976!important}.center{flex-flow:row;justify-content:center;align-items:center;display:flex}.flex-row{flex-flow:row;display:flex}.flex-row-wrap{flex-flow:wrap;display:flex}.vertical-center{justify-content:center;align-items:center;display:flex}.align-center{flex-flow:row;justify-content:center;align-items:center;display:flex}.flex-end,.end{justify-content:flex-end;display:flex}.row-center{flex-flow:row;align-items:center;display:flex}.row-distribute{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.flex-grow-1{flex-grow:1}.flex-1{flex:auto}.justify-column-center{flex-flow:column;justify-content:center;display:flex}.inline-flex{display:inline-flex!important}.text-uppercase{text-transform:uppercase}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.no-ellipsis{text-overflow:inherit!important;overflow:inherit!important;white-space:normal!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-prewrap{word-wrap:break-word;white-space:pre-wrap!important}.text_col_red{color:#c81922!important}.text_col_white{color:#fff!important}.text_col_trimble_blue_mid{color:#005f9e!important}.critical{color:#c81922!important}.high{color:#ffbe00!important}.normal{color:#005f9e!important}.low{color:#72a544!important}.text-meta{color:#6a6976!important}.text-muted{color:#8c8b96}.underline{text-decoration:underline!important}.no-underline{text-decoration:none!important}html{font-size:1rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,.h1{font-size:1.875rem;font-weight:400}h2,.h2{font-size:1.375rem;font-weight:600}h3,.h3{font-size:1.125rem;font-weight:600}h4,.h4{font-size:.975rem;font-weight:400}h5,.h5{font-size:.875rem;font-weight:600}h6,.h6{text-transform:uppercase;letter-spacing:.0625rem;font-size:.687rem;font-weight:700}p{margin:0;font-size:.875rem}small,.small{font-size:.75rem}b,strong,.text-semibold{font-weight:600}caption{font-size:.675rem}a{color:#005f9e;font-size:inherit;font-weight:600;text-decoration:underline}a.link-secondary{color:#363545;text-decoration:none}a.link-secondary:hover{text-decoration:underline}.text-bold{font-weight:700}.sub-text{color:#6a6976;font-size:.75rem}.strike-through{text-decoration:line-through}.italic{font-style:italic}.capitalize{text-transform:capitalize}.section-header{border-top:.0625rem solid #d0d0d7;flex-flow:row;align-items:center;min-height:2.5rem;margin:.5rem 0 0;display:flex}.section-header.border-bottom{border-top:0;border-bottom:.0625rem solid #d0d0d7;margin:.5rem 0}.section-header :first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-header.no-border{border-top:0;margin:.5rem 0 0}@media (max-width: 576px){h1,.h1{font-size:1.65rem}}
.shadow{box-shadow:0 0 .25rem #aeaeb6}.shadow-small{box-shadow:0 0 .125rem #aeaeb6}.shadow-large{box-shadow:0 0 .375rem #aeaeb6}.mt-0{margin-top:0!important}.mt-1{margin-top:.5rem!important}.mt-2{margin-top:1rem!important}.mt-3{margin-top:1.5rem!important}.mt-4{margin-top:2rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.5rem!important}.mr-2{margin-right:1rem!important}.mr-3{margin-right:1.5rem!important}.mr-4{margin-right:2rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.5rem!important}.mb-2{margin-bottom:1rem!important}.mb-3{margin-bottom:1.5rem!important}.mb-4{margin-bottom:2rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.5rem!important}.ml-2{margin-left:1rem!important}.ml-3{margin-left:1.5rem!important}.ml-4{margin-left:2rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.5rem!important}.pt-2{padding-top:1rem!important}.pt-3{padding-top:1.5rem!important}.pt-4{padding-top:2rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.5rem!important}.pr-2{padding-right:1rem!important}.pr-3{padding-right:1.5rem!important}.pr-4{padding-right:2rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.5rem!important}.pb-2{padding-bottom:1rem!important}.pb-3{padding-bottom:1.5rem!important}.pb-4{padding-bottom:2rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.5rem!important}.pl-2{padding-left:1rem!important}.pl-3{padding-left:1.5rem!important}.pl-4{padding-left:2rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.5rem!important;margin-right:.5rem!important}.mx-2{margin-left:1rem!important;margin-right:1rem!important}.mx-3{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-4{margin-left:2rem!important;margin-right:2rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-2{margin-top:1rem!important;margin-bottom:1rem!important}.my-3{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-4{margin-top:2rem!important;margin-bottom:2rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.5rem!important;padding-right:.5rem!important}.px-2{padding-left:1rem!important;padding-right:1rem!important}.px-3{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-4{padding-left:2rem!important;padding-right:2rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2{padding-top:1rem!important;padding-bottom:1rem!important}.py-3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-4{padding-top:2rem!important;padding-bottom:2rem!important}.mh-5{min-height:2.5rem!important}.mh-auto{min-height:auto!important}.mxh-auto{max-height:unset!important}.mt-n1{margin-top:-.5rem!important}.mr-n1{margin-right:-.5rem!important}.mb-n1{margin-bottom:-.5rem!important}.ml-n1{margin-left:-.5rem!important}body{color:#363545;background-color:#f3f3f7;height:100%;font-family:Open Sans,sans-serif;font-size:.875rem}.thumbnailSection{flex-flow:column;align-items:center;display:flex}.thumbnail{background-color:#f9f9fb;background-position:50%;background-size:cover;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:0;margin-left:0;padding:0;display:flex;overflow:hidden}.thumbnail img{height:100%;max-height:100%;max-width:none!important;margin:0!important}.thumbnail.micro{max-width:1.5rem;max-height:1.5rem;overflow:hidden}.thumbnail.micro>i{width:1.5rem;height:1.5rem;font-size:1.5rem}.thumbnail.large{width:5.5rem;height:5.5rem}.circle{border-radius:50%!important}.show{display:block!important}.hide{display:none!important}.d-flex{display:flex!important}.vhidden{visibility:hidden!important}.relative{position:relative}hr{border:none;border-top:.0625rem solid #d0d0d7;margin:1rem 0}.overflow-unset{overflow:unset!important}.dd-position-fixed{position:fixed!important;left:auto!important}.dropdown-pane-container.select-menu .dropdown-pane.dd-position-fixed{top:auto}.rounded{border-radius:50%!important}.pointer{cursor:pointer}.no-pointer{cursor:default!important}.m-width-0{min-width:0!important}.bordered{border:.0625rem solid #d0d0d7}.borderless{border:none!important}@media (max-width: 992px){.dd-position-fixed{position:absolute!important}}
img.i16{vertical-align:middle;width:1rem;height:1rem}.wrap-buttons,.wrap-buttons-footer{flex:1;justify-content:flex-end;display:flex}.wrap-buttons>button,.wrap-buttons-footer>button{margin-left:1rem}.heightInherit{height:inherit}.object-fit-contain{object-fit:contain!important}.button{-ms-border-radius:.125rem;text-align:center;cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:.125rem;outline:0;align-items:center;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:relative}.button.small{min-height:2rem;padding:.5rem;font-size:.75rem}.button.large{min-height:3rem;padding:1rem}.button.icon-left{padding:.5rem 1rem .5rem .5rem}.button.icon-left>i{margin-right:.5rem}.button.icon-right{padding:.5rem .5rem .5rem 1rem}.button.icon-right>i{margin-left:.5rem}.button.white>i{color:#fff}.button.full-width{width:100%;display:block}.button.inline-left{text-align:left;padding-left:0}.button.inline-right{text-align:right;padding-right:0}.button:disabled{opacity:.5;cursor:not-allowed}.close-button{-ms-border-radius:.125rem;text-align:center;cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:.125rem;outline:0;align-items:center;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .15s ease-in-out,background-color .15s ease-in-out;display:flex;position:relative}.fab-button{z-index:1;position:fixed;bottom:1.875rem;right:1rem}.toggle-button-group{flex-flow:row;display:flex}.toggle-button-group>button:first-child{margin-right:-1px}.button.default{color:#363545;background-color:#eaeaef;border:.0625rem solid #d0d0d7}.button.default.disabled:hover,.button.default:disabled:hover{background-color:#eaeaef}.button.default:hover{color:#363545;background-color:#d0d0d7}.button.default:active,.button.default.active{color:#363545;background-color:#aeaeb6}.button.default:active>i,.button.default.active>i{color:#363545!important}.button.primary{color:#fff;background-color:#005f9e}.button.primary.disabled:hover,.button.primary:disabled:hover{background-color:#005f9e}.button.primary:hover{color:#fff;background-color:#00437b}.button.primary:active,.button.primary.active{color:#fff;background-color:#002d5b}.button.primary:active>i,.button.primary.active>i{color:#fff!important}.button.primary>.icon-font{color:#fff}.button.link-primary{color:#005f9e;text-decoration:none}.button.link-primary:hover{color:#00437b;text-decoration:underline}.button.link-primary:active,.button.link-primary.active{color:#002d5b;text-decoration:underline}.button.link-primary.icon-left{text-decoration:none}.button.link-primary.icon-left i{margin-right:.5rem}.button.link-primary.disabled,.button.link-primary:disabled{color:#363545}.button.link-primary.disabled:hover,.button.link-primary:disabled:hover{text-decoration:none}.button.toolbar-primary{color:#363545;background-color:rgba(0,0,0,0)}.button.toolbar-primary:hover{color:#363545;background-color:#f3f3f7}.button.toolbar-primary:active,.button.toolbar-primary.active{color:#363545;background-color:#e2e2e7}.button.toolbar-primary:active>i,.button.toolbar-primary.active>i{color:#363545!important}.button.toolbar-primary.checked{color:#fff;background-color:#0c77be}.button[class*=icon-].link-primary:hover,.button[class*=icon-].link-primary:active,.button[class*=icon-].link-primary.active{text-decoration:none}.button.secondary{color:#fff;background-color:#009ad9}.button.secondary.disabled:hover,.button.secondary:disabled:hover{background-color:#009ad9}.button.secondary:hover{color:#fff;background-color:#197cb6}.button.secondary:active,.button.secondary.active{color:#fff;background-color:#005f9e}.button.secondary:active>i,.button.secondary.active>i{color:#fff!important}.button.link-secondary{color:#6a6976;background-color:none;text-decoration:underline}.button.link-secondary:hover{color:#474655;text-decoration:underline}.button.link-secondary:active,.button.link-secondary.active{color:#363545;text-decoration:underline}.button.link-secondary.icon-left{text-decoration:none}.button.link-secondary.icon-left i{margin-right:.5rem}.button.link-secondary.disabled,.button.link-secondary:disabled{opacity:.5;text-decoration:none}.button[class*=icon-].link-secondary:hover,.button[class*=icon-].link-secondary:active,.button[class*=icon-].link-secondary.active{text-decoration:none}.button.warning{color:#fff;background-color:#d52a33}.button.warning.disabled:hover,.button.warning:disabled:hover{background-color:#d52a33}.button.warning:hover{color:#fff;background-color:#bc0911}.button.warning:active,.button.warning.active{color:#fff;background-color:#a51d25}.button.warning:active>i,.button.warning.active>i{color:#fff!important}.button.link-warning{color:#d52a33;background-color:none;text-decoration:underline}.button.link-warning:hover{color:#bc0911;text-decoration:underline}.button.link-warning:active,.button.link-warning.active{color:#a51d25;text-decoration:underline}.button.link-warning.icon-left{text-decoration:none}.button.link-warning.icon-left i{margin-right:.5rem}.button.link-warning.disabled,.button.link-warning:disabled{opacity:.5;text-decoration:none}.button[class*=icon-].link-warning:hover,.button[class*=icon-].link-warning:active,.button[class*=icon-].link-warning.active{text-decoration:none}.button.tertiary{color:#6a6976;background-color:rgba(0,0,0,0)}.button.tertiary.disabled:hover,.button.tertiary:disabled:hover{background-color:rgba(0,0,0,0)}.button.tertiary:hover{color:#005f9e;background-color:#f9f9fb}.button.tertiary:active,.button.tertiary.active{color:#005f9e;background-color:#cfe1ee}.button.tertiary:active>i,.button.tertiary.active>i{color:#005f9e!important}.button.light{color:#6a6976;background-color:#fff;border:.0625rem solid #d0d0d7}.button.light.disabled:hover,.button.light:disabled:hover{background-color:#fff}.button.light:hover{color:#005f9e;background-color:#f9f9fb}.button.light:active,.button.light.active{color:#005f9e;background-color:#cfe1ee}.button.light:active>i,.button.light.active>i{color:#005f9e!important}.button.light:active,.button.light.active{border:.0625rem solid #cfe1ee}.button.inverse{color:#fff;background-color:none}.button.inverse.disabled:hover,.button.inverse:disabled:hover{background-color:none}.button.inverse:hover{color:#fff;background-color:rgba(255,255,255,0.25098)}.button.inverse:active,.button.inverse.active{color:#fff;background-color:rgba(255,255,255,0.54902)}.button.inverse:active>i,.button.inverse.active>i{color:#fff!important}.button.icon{padding:0 .5rem}.button.icon-small{justify-content:center;width:2rem;min-height:2rem;padding:.5rem}.button.icon-medium{justify-content:center;min-width:2.5rem;height:2.5rem;padding:0}.button.icon-large{justify-content:center;min-width:3rem;min-height:3rem;padding:.75rem}.button.icon-square{border-radius:0}.button.icon-circle{border-radius:50%}.button.icon-large-circle{border-radius:50%;justify-content:center;width:3.5rem;min-width:3rem;height:3.5rem;min-height:3rem;padding:.75rem;box-shadow:0 0 .25rem #aeaeb6}.button.dropdown{padding:.5rem .5rem .5rem 1rem}.button.cta{color:#363545;background-color:#ffbe00}.button.cta.disabled:hover,.button.cta:disabled:hover{background-color:#ffbe00}.button.cta:hover{color:#363545;background-color:#ffd200}.button.cta:active,.button.cta.active{color:#363545;background-color:orange}.button.cta:active>i,.button.cta.active>i{color:#363545!important}.trimble-color-picker .color-container{background-color:#fff;border-radius:.125rem;flex-flow:column wrap;width:22.5rem;height:12.5rem;margin:0;padding:0;display:flex}.trimble-color-picker .color-container.label-container{height:auto}.trimble-color-picker .color-container.horizontal{width:16.25rem;min-width:16.25rem;max-height:12.5rem;padding:0 .5rem}.trimble-color-picker .color-container.horizontal button.color-item,.trimble-color-picker .color-container.horizontal button.custom-selector{border-radius:50%;width:2.5rem;margin:0;padding:0}.trimble-color-picker .color-container.horizontal label{padding:0 .5rem}.trimble-color-picker .color-container.custom-colors.horizontal{flex-direction:row;height:3.5rem}.trimble-color-picker button.color-item,.trimble-color-picker button.custom-selector{background-color:rgba(0,0,0,0);border:0;justify-content:center;align-items:center;height:2.5rem;display:flex}.trimble-color-picker button.color-item .option,.trimble-color-picker button.custom-selector .option{border-radius:50%;width:1.5rem;height:1.5rem;transition:all 50ms ease-in-out}.trimble-color-picker button.color-item.selected,.trimble-color-picker button.custom-selector.selected{background-color:#e2e2e7!important}.trimble-color-picker button.color-item.selected .option,.trimble-color-picker button.custom-selector.selected .option{width:1.75rem;height:1.75rem;transition:all 50ms ease-in-out}.trimble-color-picker button.color-item.selected .option .icon-font,.trimble-color-picker button.custom-selector.selected .option .icon-font{color:#fff;width:1.5rem;height:1.5rem;padding-top:.125rem;font-size:1.5rem}.trimble-color-picker button.color-item:not(.active):not(.checked):not(.disabled):hover,.trimble-color-picker button.custom-selector:not(.active):not(.checked):not(.disabled):hover{background-color:#f3f3f7!important}.color-selector-container{z-index:1;background-color:#fff;flex-direction:column;width:260px;height:280px;padding-top:8px;display:flex;position:relative}.color-selector-palette{align-self:center;width:100%;margin-bottom:10px;padding-bottom:60%;position:relative}.color-selector-hue{align-self:center;width:100%;min-height:10px;margin-bottom:7px;margin-right:9px;position:relative}.color-hue-container{display:flex}.editable-inputs-container{flex-flow:row;justify-content:space-between;display:flex}.access-control-view .head-container .page-heading .heading-button-group button{margin-left:auto}@media (max-width: 640px){.access-control-view .head-container .page-heading{align-items:inherit;flex-flow:column;margin:.5rem 0}.access-control-view .head-container .page-heading .heading-button-group{justify-content:flex-start;position:relative}.access-control-view .head-container .page-heading .heading-button-group button{margin-left:unset;margin-right:auto}}
.access-control-view .middle-panel{width:100%;padding:0 1rem}.trimble-application .organizer .menu li span.icon-font,.organizer section div,.organizer section span,.organizer section input,.organizer section select,.organizer section textarea{flex:unset}.trimble-application .organizer button.disabled,.trimble-application .organizer .button:disabled{cursor:not-allowed}.organizer{width:100%;height:100%;margin:0;padding:0;font-family:Open Sans,Noto Sans,Helvetica,Arial,sans-serif;font-size:.81rem}.organizer .group-color{border-radius:50%;width:.75rem;min-width:.75rem;height:.75rem;margin-right:.75rem}.organizer .group-color.empty{width:0;min-width:0;height:0;min-height:0;margin:0;padding:0}.organizer.panel{width:100%;min-width:auto;max-width:inherit!important}.organizer.panel header{padding-right:.5rem}.organizer.panel header .group-items .input-group{margin:0}.organizer .react-contextmenu{z-index:1;background:#f9f9fb;box-shadow:0 0 .06rem rgba(54,53,69,0.2),.12rem .12rem .5rem rgba(54,53,69,0.30196)}.organizer .react-contextmenu-item{cursor:pointer;outline:none;padding:.43rem .62rem}@media (hover:hover){.organizer .react-contextmenu-item:hover{color:#1b1a26;background-color:#cfe1ee}}
.organizer .thickline{padding:1.25rem 0}.organizer .thickline hr{border-top:.12rem solid #e2e2e7}.organizer button.transparent-button,.organizer button.transparent-button-background{text-align:center;color:inherit;cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:0;outline:none;height:2rem;margin:0;padding:0;transition:background-color .3s ease-in;display:inline-block;position:relative}@media (hover:hover){.organizer button.transparent-button-background:hover{background-color:#e2e2e7}}
.organizer button.transparent-button-background:disabled,.organizer button.transparent-button-background:hover:disabled{opacity:.5;background-color:rgba(0,0,0,0)}.organizer button.transparent-button:hover{color:#1b1a26}.organizer .empty-state{white-space:normal;margin:auto}.organizer .upgrade-banner{white-space:normal}.organizer .text-not-selectable{-webkit-user-select:none;-ms-user-select:none;user-select:none}.organizer .text-selectable{-webkit-user-select:text;-ms-user-select:text;user-select:text}.organizer .selectable{border-left:.25rem solid rgba(0,0,0,0);padding-left:.75rem}.organizer .selectable[\:has\(\%3E.section-header\%20.icon-before-name\)]{padding-left:0}.organizer .selectable:has(>.section-header .icon-before-name){padding-left:0}.organizer .selectable.active{border-color:#0c77be}.organizer .selectable.active .selectable{border-left:none}.organizer .selectable.active:hover,.organizer .selectable.active .selectable:hover,.organizer .selectable.active .select-menu-item:hover{background-color:#cfe1ee}.organizer .selectable.active button{color:#005f9e}.organizer .selectable.active .sub-text,.organizer .selectable.selected .sub-text,.organizer .sub-section.selectable.active>.sub-section,.organizer li>.selectable.active,.organizer li>.selectable.active+ul .selectable.active{font-weight:400}.organizer .select-menu{margin-right:0}.organizer .select-menu:hover{background-color:inherit}.organizer .select-menu .dropdown-pane{left:auto}.organizer .select-menu .select-menu-item.multiple-line{padding:0 .5rem .25rem 0}.organizer .select-menu .select-menu-item.multiple-line .group-items{justify-content:flex-start;flex-flow:row!important}.organizer .section-header{border-top:none;min-height:3rem;padding-right:.5rem}.organizer .sub-section{flex:inherit;border-bottom:.0325rem solid #d0d0d7}.organizer .sub-section.selectable.active:hover{background-color:#e5f0f8}.organizer .sub-section .group-hidden{color:#aeaeb6!important}.organizer .cursor-text{cursor:text}.organizer .align-right{margin-left:auto}.organizer .icon-before-name{color:initial;flex:none;order:-1}.organizer .cdm-components-dropdown.organizer-filter{margin:0}.organizer .cdm-components-dropdown.organizer-filter .select-menu{font-size:.75rem}.organizer .cdm-components-dropdown.organizer-filter .select-menu .name{padding:0}.organizer .cdm-components-dropdown.organizer-filter .select-menu .dropdown-pane{max-width:initial;top:1.75rem}.organizer .cdm-components-dropdown.organizer-filter .input-button-group{min-height:unset;border:none}.organizer .cdm-components-dropdown.organizer-filter .line{display:none}.organizer .organizer-sort-dropdown{margin:0}.organizer .organizer-sort-dropdown.active{background-color:rgba(0,0,0,0)}.organizer .organizer-sort-dropdown.disabled .dropdownpane-link{cursor:not-allowed;background-color:#eaeaef}.organizer .organizer-sort-dropdown .select-menu.active{background-color:rgba(0,0,0,0)}.organizer .organizer-sort-dropdown .select-menu.active .button.tertiary{color:#363545;background-color:#e2e2e7}.organizer .organizer-sort-dropdown .select-menu .dropdown-pane.dropdown{min-width:100%;max-width:initial;overflow:visible}.organizer .organizer-sort-dropdown .select-menu .with-separator{border-top:.0625rem solid #d0d0d7}.organizer .top-loading-indicator-wrapper{height:.3rem;position:relative}.organizer-subtext{display:flex}.organizer .shortcuts{padding-left:2rem}.organizer .shortcuts .icon-small{margin-left:-.125rem;padding:0}.organizer .shortcuts.slip{height:0;overflow:hidden}.organizer .shortcuts.slip.slip-in{height:2rem;transition:height .3s ease-in-out}.organizer .shortcuts.group{flex-grow:1;padding-left:2rem}.organizer .section-header:hover .shortcuts :first-child,.organizer .section-header:first-child .shortcuts{overflow:initial}.organizer .section-header+.shortcuts.group{padding-left:.5rem}.organizer .section-header .shortcuts{display:none}.organizer .section-header:hover .shortcuts,.organizer .section-header .shortcuts[\:has\(.is-open\)],.organizer .selectable.active .section-header .shortcuts.single-selected{display:flex}.organizer .section-header:hover .shortcuts,.organizer .section-header .shortcuts:has(.is-open),.organizer .selectable.active .section-header .shortcuts.single-selected{display:flex}.organizer .select-menu .select-menu-item.multiple-line>div.shortcuts,.organizer .select-menu .select-menu-item.multiple-line>div.moremenu{display:none}.organizer .select-menu .select-menu-item:hover.multiple-line>div.shortcuts,.organizer .select-menu .select-menu-item.multiple-line>div.shortcuts.force-display,.organizer .select-menu .select-menu-item:hover.multiple-line>div.moremenu,.organizer .select-menu .select-menu-item.multiple-line>div.moremenu.force-display,.organizer .select-menu .select-menu-item.multiple-line>div.moremenu[\:has\(.is-open\)]{display:flex}.organizer .select-menu .select-menu-item:hover.multiple-line>div.shortcuts,.organizer .select-menu .select-menu-item.multiple-line>div.shortcuts.force-display,.organizer .select-menu .select-menu-item:hover.multiple-line>div.moremenu,.organizer .select-menu .select-menu-item.multiple-line>div.moremenu.force-display,.organizer .select-menu .select-menu-item.multiple-line>div.moremenu:has(.is-open){display:flex}.trimble-application .snackbar label,.trimble-application .snackbar .label{font-size:.875rem;font-weight:400;color:#fff!important}.trimble-application .organizer .snackbar{position:absolute}.trimble-hierarchy-tree-item{padding:.31rem;position:relative;overflow:hidden}.trimble-hierarchy-tree-item.selected{color:#f9f9fb;background-color:#005f9e}.trimble-hierarchy-tree-item.selected .trimble-hierarchy-tree-node-item-count,.trimble-hierarchy-tree-item.selected input{color:#f9f9fb}@media (hover:hover){.trimble-hierarchy-tree-item:hover input{color:#363545}}
.trimble-hierarchy-tree-item-name{text-overflow:ellipsis;fill:#f9f9fb;width:80%;color:inherit;background:0 0;border:none}.trimble-hierarchy-tree-node-item-name{text-overflow:ellipsis;fill:#f9f9fb;max-width:9.37rem;color:inherit;background:0 0;border:none}.trimble-hierarchy-tree-node-item{white-space:nowrap;text-overflow:ellipsis;margin-left:.62rem;transition:all .2s;display:block}.trimble-hierarchy-tree-node-item .trimble-hierarchy-tree-node-item{margin-left:.62rem}.trimble-hierarchy-tree-item-name.editing,.trimble-hierarchy-tree-node-item-name.editing{color:#363545;background:#f9f9fb;border-radius:.12rem}@media (hover:hover){.trimble-hierarchy-tree-item:hover{color:#363545;background-color:#cfe1ee}}
input[type=text].trimble-hierarchy-tree-item-name.editing{min-height:2rem;padding:0}input[type=text].trimble-hierarchy-tree-node-item-name.editing{min-height:1.75rem;padding:0}@keyframes trimble-splashscreen-animation{0%{left:-12.5rem}to{left:100%}}.trimble-splashscreen-progress{height:.25rem;position:relative;overflow:hidden}.trimble-splashscreen-progress:before{content:"";background-color:#0c77be;width:6.25rem;height:.25rem;animation:2s linear infinite trimble-splashscreen-animation;display:block;position:absolute;left:-12.5rem}.trimble-application .organizer-settings header{padding-right:.5rem}.trimble-application .organizer-settings header .panel-title{overflow:hidden}.trimble-application .organizer-settings header .panel-title span.h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trimble-application .organizer-settings section div,.trimble-application .organizer-settings section span,.trimble-application .organizer-settings section input,.trimble-application .organizer-settings section select,.trimble-application .organizer-settings section textarea{flex:initial}.trimble-application .organizer-settings section .section-details .data-table-filter .button-with-popover{margin-right:-.25rem}.trimble-application .organizer-settings section .section-details .data-table-filter button.remove-data-table-filter{margin-right:-.5rem}.trimble-application .organizer-settings section .section-details .grouping-property-search button.add-group{padding-left:.125rem}.trimble-application .organizer-settings section .section-details .grouping-property-search .grouping-property-search-button__tooltip{flex-direction:column;display:flex}.trimble-application .organizer-settings section .section-details .tree-level-groups{cursor:auto;display:inline-flex;overflow:hidden}.trimble-application .organizer-settings section .section-details .tree-level-groups.pointer{cursor:pointer}.trimble-application .organizer-settings section .section-details .tree-level-groups .tree-level-groups__content{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.trimble-application .organizer-settings section .section-details .tree-level-groups .tree-level-groups__content.has-formula-group-icon.has-formula-groups{max-width:5.5rem}.trimble-application .organizer-settings section .section-details .tree-level-groups .tree-level-groups__content.has-formula-group-icon.has-formula-groups .advanced-formula-group-icon-wrapper{min-height:2.5rem;margin-left:.125rem}.trimble-application .organizer-settings section .section-details .tree-level-groups .tree-level-groups__content.has-formula-group-icon.has-formula-groups .has-formula-groups{min-height:2.5rem}.trimble-application .organizer-settings section .section-details .group-by.list .group-items .colorize-group-item{padding:0 .25rem 0 .5rem}.trimble-application .organizer-settings section .section-details .group-by.list .group-items .tooltip-wrapper button[\:has\(\%3E.trimble-icon.tc-icon-background\)]{margin-right:0}.trimble-application .organizer-settings section .section-details .group-by.list .group-items .tooltip-wrapper button:has(>.trimble-icon.tc-icon-background){margin-right:0}.trimble-application .organizer-settings section .section-details .group-by.list .group-items.has-drag-icon .tree-level-groups .tree-level-groups__content.has-formula-group-icon.has-formula-groups{max-width:4.25rem}.trimble-application .organizer-settings section .section-details .group-by.list .group-items:not(.has-drag-icon) .colorize-group-item{padding-left:.25rem}.trimble-application .organizer-settings input[type=text]{border:none}.trimble-application .organizer-settings .button.secondary:disabled{color:#fff}.trimble-application .organizer-settings.drulePanel header.with-back-button{padding-left:.5rem}.trimble-application .organizer-settings.drulePanel header.with-back-button .panel-title{margin-left:.25rem}.trimble-application .organizer-settings.drulePanel section .section-details .tree-level-groups .tree-level-groups__content.has-formula-group-icon.has-formula-groups:not(.has-group-name){transform:translateY(28%)}.organizer-settings{-webkit-user-select:none;-ms-user-select:none;user-select:none}.organizer-settings input[type=text]:read-only,.organizer-settings input[type=text]:not(.disabled):not(.validation-error):focus{border:none!important}.organizer-settings .error{align-items:center;width:100%}.organizer-settings .error .tc-icon-error{color:#c81922;flex-shrink:0}.organizer-settings .error span{text-overflow:ellipsis;overflow:hidden}.organizer-settings .visibility-toggle .button .icon-font.tc-icon-eye-visibility-off{color:#aeaeb6}.organizer-settings .list .list-item.group .list-item.group .group-items{padding-left:1rem!important}@media screen and (max-width: 62rem) and (orientation:portrait){.organizer-settings{width:17.5rem!important;min-width:17.5rem!important;max-width:17.5rem!important}}
.list .list-item .group .group-items .trimble-color-picker button:first-child,.list .list-item .group .group-items .trimble-color-picker button i:first-child{margin-left:0}.list .list-item .trimble-color-picker i{margin-right:0}.node-color{border-radius:50%;width:.75rem;height:.75rem}.dropdown-pane.right.right-offset-1{right:-10%!important}.dropdown-pane.right.right-offset-2{right:-20%!important}.dropdown-pane.right.right-offset-3{right:-30%!important}.dropdown-pane.right.right-offset-4{right:-45%!important}.group-color-on-left{border-left:.25rem solid}li.snapshot_node_separator{border-top:.0625rem solid #d0d0d7}li.snapshot_node_separator span{flex-wrap:nowrap;display:flex}.drule-filter-popup-content{width:calc(100% + 1rem);max-height:20rem;padding-right:1rem;overflow-y:auto}.drule-filter-element{word-wrap:break-word}.formula-rule-builder-section{flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.formula-rule-builder-section .formula-rule-builder{flex-direction:column;justify-content:space-between;display:flex;flex:auto!important}.formula-rule-builder-section .formula-rule-dialog-footer__controls{flex-direction:row;align-items:center;padding:.5rem 2rem .25rem;display:flex;flex:5rem!important}.formula-rule-builder-section .formula-rule-dialog-footer__controls .formula-rule-dialog-footer__controls-checkbox{align-items:center;height:2.5rem;margin-left:1rem;padding-top:1rem;display:flex}.formula-rule-builder-section .formula-group{background-color:#fff;flex-direction:column;padding:1rem .5rem 1rem 1rem;display:flex;box-shadow:0 0 .375rem #aeaeb6}.formula-rule-builder-section .formula-group:not(:first-child){margin-top:1rem}.formula-rule-builder-section .formula-group .formula-group__header{justify-content:space-between;align-items:center;height:3.5rem;margin-bottom:1rem;margin-left:.25rem;display:flex}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__group-name{flex-direction:column;display:flex}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__group-name .formula-group__group-name--pset{color:#6a6976;min-height:20px;font-size:.75rem;font-weight:400;line-height:20px}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__group-name .formula-group__group-name--prop{color:#363545;font-size:1rem;font-weight:600;line-height:22px}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__group-name .formula-group__group-name--prop:empty:before{content:attr(data-placeholder);color:#6a6976;font-style:italic;font-weight:500;display:inline-block}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__remove-button{background-color:rgba(0,0,0,0);border:none;border-radius:2rem;justify-content:center;align-items:center;width:2.5rem;height:100%;margin-left:.5rem;padding-left:.5rem;display:flex}.formula-rule-builder-section .formula-group .formula-group__header .formula-group__remove-button:hover{background-color:rgba(0,0,0,0.10196);transition:background-color .2s ease-in}.formula-rule-builder-section .formula-group__content{flex-direction:row;align-items:flex-start;display:flex;position:relative;overflow:hidden}@media screen and (max-width: 1632px){.formula-rule-builder-section .formula-group__content{flex-direction:column}.formula-rule-builder-section .formula-group__content .formula-group-name-selector__wrapper{flex-flow:row;justify-content:space-between;width:100%;padding-bottom:1rem}}@media screen and (max-width: 1400px){.formula-rule-builder-section .formula-group__content{flex-direction:column}.formula-rule-builder-section .formula-group__content .formula-group-name-selector__wrapper{flex-flow:row;justify-content:space-between;width:100%;padding-bottom:1rem}.formula-rule-builder-section .formula-group__content .formula-rule-operator-selector,.formula-rule-builder-section .formula-group__content .formula-rule-value-selector{width:auto;min-width:5rem}.formula-rule-builder-section .formula-group__content .formula-rule-value-selector .cdm-components-input-with-units__unit-dropdown-wrapper{width:auto;min-width:3rem}.formula-rule-builder-section .formula-group__content .formula-rule-value-selector .input-focus-group{width:100%;min-width:3rem}.formula-rule-builder-section .formula-group__content .formula-rule-value-selector .input-focus-group input{width:100%;min-width:3rem!important}.formula-rule-builder-section .formula-group__content .formula-rule-value-selector .input-focus-group input:focus{min-width:3rem}}
.formula-rule-builder-section .formula-group__content input{width:100%;min-height:2.5rem}.formula-rule-builder-section .formula-group__content .formula-group-name-selector{min-width:12rem;width:inherit;background-color:#fff;border:1px solid #d0d0d7;flex-wrap:nowrap;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__prop-not-available{color:#c81922;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:0 .5rem;display:flex}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .input-focus-group .line{bottom:2px}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__input{width:100%;margin-bottom:0;padding:0;position:static}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__input input{border:none;padding:0 1rem;position:static}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__input .input-focus-group{position:static}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__input .line{bottom:0}.formula-rule-builder-section .formula-group__content .formula-group-name-selector .formula-group-name-selector__input:focus{border-bottom:2px solid;outline:none}.formula-rule-builder-section .formula-group__content .formula-group-condition__link-icon{align-items:center;height:2.5rem;margin:0 .5rem;display:flex}.formula-rule-builder-section .formula-group__content .formula-group-condition__wrapper{flex-flow:column;align-items:center;width:100%;display:flex;position:relative;overflow:visible;flex-grow:1!important}.formula-rule-builder-section .formula-group__content .formula-group-condition__wrapper span.selected-text{white-space:nowrap}.formula-rule-builder-section .formula-group__content .focused-condition:before{content:"";vertical-align:middle;background-color:#0c77be;width:.125rem;height:2rem;margin-top:.25rem;position:absolute;left:0}.formula-rule-builder__formula-list{flex-direction:column;height:100%;padding:.5rem .5rem .5rem 2rem;display:flex;overflow:auto;flex:1!important}.formula-group-name-selector__wrapper{flex-direction:column;justify-content:space-between;height:100%;display:flex}.formula-group-name-selector__wrapper .formula-group-name-selector__field{flex-wrap:nowrap;min-width:12rem;height:2.5rem;margin-right:.125rem;display:flex}.formula-group-name-selector__wrapper .formula-group-name-selector__field .rule-formula__propertyset{width:100%}.formula-group-conditions{flex-flow:column;width:100%;display:flex}.formula-group-conditions .formula-group__formula-input{flex-grow:1;width:100%;min-height:2.5rem;margin-bottom:0;display:flex}.formula-group-conditions .formula-group__formula-input input{border-top:none;border-left:none;border-right:none}.formula-group-conditions .formula-group__formula-input:focus{border-bottom:2px solid;outline:none}.formula-group-condition__fields{flex-wrap:nowrap;width:100%;height:2.5rem;display:flex;flex:auto!important}.formula-group-condition__fields .cdm-components-input-with-units{padding-left:0!important}.formula-group-condition__fields .cdm-components-input-with-units .input-group,.formula-group-condition__fields .cdm-components-input-with-units .input-focus-group{background-color:rgba(0,0,0,0)!important;height:2.5rem!important}.formula-group-condition__fields .cdm-components-input-with-units input{border:none!important;height:2.5rem!important;margin:0!important}.formula-group-condition__fields .input-group{height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding-right:0!important}.organizer-settings input{min-width:7rem}.organizer-settings .color-selector-container input{min-width:unset}.organizer-settings .formula-rule-datepicker{position:relative}.organizer-settings .formula-rule-datepicker input[type=text]:not(.disabled):not(.validation-error):focus{border:.0625rem solid #d0d0d7!important}.organizer-settings .formula-rule-datepicker .input-button-group button{height:100%;min-height:0;padding:0}.organizer-settings .formula-rule-datepicker .cdm-components-datepicker{position:fixed}.organizer-settings .formula-group__formula-input input,.organizer-settings .formula-group__formula-input input:focus,.organizer-settings .formula-group__formula-input input[type=text]:not(.disabled):not(.validation-error):focus{border:.0625rem solid #d0d0d7!important}.organizer-settings .additional-groups-info__clickable{color:#005f9e;cursor:pointer;vertical-align:middle;white-space:nowrap;font-weight:600;line-height:2.5rem;text-decoration:underline}.organizer-settings .advanced-formula-group-icon-wrapper{align-self:center;display:flex}.organizer-settings .advanced-formula-group-icon-wrapper .advanced-formula-group-icon{-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#aeaeb6;padding:0 .25rem;font-style:italic;font-weight:600}.organizer-settings .advanced-formula-group-link{align-self:center;overflow:hidden}.formula-group__add-condition-button{cursor:pointer;color:#005f9e;flex-wrap:nowrap;align-items:center;max-height:2.5rem;margin-right:.75rem;padding:.5rem;display:flex}.formula-group__add-condition-button>.trimble-icon{margin-right:.5rem}.formula-group__add-condition-button>span{font-weight:600}.formula-group__add-condition-button:hover{background-color:rgba(0,0,0,0.10196);transition:all .2s ease-in}.formula-group-name__chip{display:flex;flex-grow:1!important;height:100%!important;padding-left:.75rem!important}.cdm-property-chip{background-color:#eaeaef;border-radius:.125rem;justify-content:space-between;align-items:center;width:100%;margin:.125rem;display:flex}.cdm-property-tag{color:#6a6976;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 1rem;display:flex}.cdm-property-tag .cdm-property-tag__psetname{color:#6a6976;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.cdm-property-tag .cdm-property-tag__propname{white-space:nowrap;text-overflow:ellipsis;color:#363545;font-size:13px;overflow:hidden}.formula-group-name-selector__wrapper[\:has\(\%2B.formula-group-conditions\%3E.formula-group-condition__wrapper\)] .formula-group-name-selector__field{max-width:14rem}.formula-group-name-selector__wrapper:has(+.formula-group-conditions>.formula-group-condition__wrapper) .formula-group-name-selector__field{max-width:14rem}.formula-group-name-selector__wrapper[\:has\(\%2B.formula-group-conditions\%3E.formula-group-condition__wrapper\)] .formula-group-name-selector__field .cdm-property-tag{max-width:9rem}.formula-group-name-selector__wrapper:has(+.formula-group-conditions>.formula-group-condition__wrapper) .formula-group-name-selector__field .cdm-property-tag{max-width:9rem}:root{--condition-height:2.5rem;--dropdown-caret-width:2.5rem;--condition-field-margin:.125rem}.dropdown-with-filter__base{height:2.5rem;height:var(--condition-height);background-color:#fff;border:1px solid #d3d3d3;flex-wrap:nowrap;align-items:center;width:auto;padding-left:.75rem;display:flex;position:relative}.dropdown-with-filter__base .trimble-icon{margin:0 .25rem}.dropdown-with-filter__pane{z-index:9999999;border:1px solid #d3d3d3;flex-direction:column;min-width:100%;display:flex}.dropdown-with-filter__pane .dropdown-with-filter__list{background-color:#fff;flex-direction:column;display:flex;overflow:auto}.dropdown-with-filter__pane .dropdown-with-filter__list .dropdown-with-filter__list-item{height:2.5rem;height:var(--condition-height);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex;position:relative}.dropdown-with-filter__pane .dropdown-with-filter__list .dropdown-with-filter__list-item.selected{color:#005f9e;background-color:#f3f3f7;font-weight:700}.dropdown-with-filter__pane .dropdown-with-filter__list .dropdown-with-filter__list-item:hover{background-color:#f3f3f7}.dropdown-with-filter__pane .dropdown-with-filter__list .dropdown-with-filter__list-item.disabled{color:rgba(0,0,0,0.30196);pointer-events:none}.dropdown-with-filter__pane .dropdown-with-filter__list .dropdown-with-filter__list-item.disabled .trimble-icon{color:rgba(0,0,0,0.30196)}.formula-rule-builder-section .formula-group .formula-group-condition__fields .input-group .input-dropdown-wrapper,.formula-rule-builder-section .formula-group .formula-group-condition__fields .input-group .input-dropdown-wrapper .cdm-components-dropdown{margin-left:0}.formula-rule-builder-section .formula-group .formula-group-condition__fields .input-group .input-dropdown-wrapper input{height:2.5rem;height:var(--condition-height);min-height:2.5rem;min-height:var(--condition-height);max-height:2.5rem;max-height:var(--condition-height);padding:0 .5rem;flex-grow:1!important}.formula-rule-builder-section .formula-group .formula-group-condition__fields .cdm-components-dropdown .dropdownpane-link .dropdown-pane,.formula-rule-builder-section .formula-group .formula-group-condition__fields .cdm-components-dropdown .select-menu .dropdown-pane.dropdown{min-width:initial;max-width:initial;width:auto}.formula-rule-builder-section .formula-group .formula-group-conditions .formula-group__formula-input .dropdown-pane{min-width:5rem!important;max-width:auto!important}.formula-rule-builder-section .formula-group .formula-group-condition{flex-wrap:nowrap;width:100%;display:flex}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-property-selector{width:max(9rem, min(14vw, 14rem));min-width:max(9rem, min(14vw, 14rem))}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-property-selector .cdm-portal-component__wrapper.alt-types{box-shadow:inset 0 0 5px 2px orange}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-property-selector .formula-rule-property-selector__alt-types{flex-direction:row;justify-content:right;display:flex}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-property-selector .formula-rule-property-selector__alt-types .warning{color:orange}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-operator-selector{min-width:5rem;margin-left:.125rem;margin-left:var(--condition-field-margin)}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-operator-selector .formula-rule-operator-selector__menu-base{background-color:rgba(0,0,0,0);justify-content:space-between;padding-left:1rem;display:flex}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-operator-selector .formula-rule-operator-selector__menu-base-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-operator-selector [class^=trimble-icon]{width:2.5rem;width:var(--condition-height);justify-content:center;display:flex}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-enum-selector__menu-base,.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-boolean-selector__menu-base{background-color:rgba(0,0,0,0);padding-left:.5rem;border-left:.0625rem solid #d0d0d7!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector{flex-wrap:nowrap;margin-left:.125rem;display:flex;flex-grow:1!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector input{background-color:rgba(0,0,0,0)!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .input-group{padding:0}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .input-button-group{background-color:rgba(0,0,0,0);border-left:none}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .formula-rule-datepicker input{border:.0625rem solid #d0d0d7!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units{width:100%}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units .input-dropdown-wrapper .input-group{flex-grow:1}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units .input-dropdown-wrapper .input-group .input-focus-group input,.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units .input-dropdown-wrapper .input-group .input-focus-group input:focus{min-width:7rem;display:flex;border:.0625rem solid #d0d0d7!important;flex-grow:1!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units .cdm-components-input-with-units__unit-dropdown-wrapper{min-width:4rem}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-input-with-units .selected-text{padding-left:.5rem}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector label{display:none!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .cdm-components-dropdown{width:auto;flex:1!important}.formula-rule-builder-section .formula-group .formula-group-condition .formula-rule-value-selector .select-menu{min-width:5rem;max-width:5rem}.formula-rule-operator-selector__dropdown-menu{width:8rem}.formula-rule-dropdown__base{white-space:nowrap;flex-wrap:nowrap;align-items:center;display:flex;overflow:hidden;flex:1!important}.formula-rule-dropdown__base .dropdown-base__text-1{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.formula-rule-dropdown__base .dropdown-base__text-2{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.formula-rule-dropdown__base .formula-rule-dropdown__property-item{flex-direction:column;display:flex;flex-grow:1!important}.formula-group-condition__and-or-dropdown{padding-left:calc(max(9rem, min(14vw, 14rem)) + 2.5rem + .125rem);padding-left:calc(max(9rem, min(14vw, 14rem)) + var(--dropdown-caret-width) + var(--condition-field-margin));margin:.5rem 0}.formula-group-condition__and-or-dropdown .formula-group-condition__and-or-dropdown-base{border-bottom-color:#d0d0d7;width:5rem;min-height:1.5rem}.formula-group-condition__and-or-dropdown .formula-group-condition__and-or-dropdown-base span.selected-text{text-align:left;padding-left:1rem}.cdm-components-dropdown.small-dropdown{max-height:1.5rem;margin:0!important}.cdm-components-dropdown.small-dropdown .select-menu{max-height:1.5rem}.cdm-components-dropdown.small-dropdown .select-menu .dropdownpane-link{width:5rem;min-height:inherit!important;max-height:1.5rem!important;padding:.125rem .5rem!important;padding:var(--condition-field-margin) .5rem!important}.cdm-components-dropdown.small-dropdown .select-menu .dropdown-pane{min-width:inherit!important;max-width:inherit!important}.dropdown-breakout{position:relative}.dropdown-breakout .invisible-backdrop{z-index:99999999;width:100vw;height:100vh;position:fixed;top:0;left:0}.dropdown-with-filter__pane{min-width:5rem;max-width:20rem;position:fixed}.formula-rule__formula-group-context-menu,.formula-rule__condition-context-menu{background-color:#fff;border-radius:2px;flex-direction:column;padding:1rem 0;display:flex;box-shadow:0 0 .375rem #aeaeb6}.formula-rule__formula-group-context-menu .dropdown-with-filter__list-item,.formula-rule__condition-context-menu .dropdown-with-filter__list-item{height:2.5rem;height:var(--condition-height);cursor:pointer;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.formula-rule__formula-group-context-menu .dropdown-with-filter__list-item:hover,.formula-rule__condition-context-menu .dropdown-with-filter__list-item:hover{background-color:rgba(0,0,0,0.10196)}.formula-rule__formula-group-context-menu .dropdown-with-filter__list-item.disabled,.formula-rule__condition-context-menu .dropdown-with-filter__list-item.disabled{color:rgba(0,0,0,0.30196);pointer-events:none}.formula-rule__formula-group-context-menu .dropdown-with-filter__list-item.disabled .trimble-icon,.formula-rule__condition-context-menu .dropdown-with-filter__list-item.disabled .trimble-icon{color:rgba(0,0,0,0.30196)}.formula-rule__formula-group-context-menu .dropdown-with-filter__list-item .trimble-icon,.formula-rule__condition-context-menu .dropdown-with-filter__list-item .trimble-icon{color:#6a6976;margin-left:1rem}.cdm-property-dropdown-base{height:2.5rem;height:var(--condition-height);border:1px solid #d3d3d3;flex-wrap:nowrap;flex:0 80%;justify-content:space-between;align-items:center;display:flex}.cdm-property-dropdown-base .cdm-property-dropdown-base__placeholder{padding:0 1rem}.cdm-property-dropdown-base .cdm-property-dropdown-base__data-not-available{color:#c81922;padding:0 .5rem;overflow:hidden}.cdm-property-dropdown-base .cdm-property-tag{flex-grow:1;flex-shrink:1;padding-right:0;display:flex;overflow:hidden}.cdm-property-dropdown-base .trimble-icon{width:2.5rem;width:var(--condition-height);padding:0 .5rem;display:flex}.property-dropdown-menu{background-color:#fff;flex-direction:column;display:flex;box-shadow:0 0 .375rem #aeaeb6}.property-dropdown-menu .property-dropdown-menu__list{flex-direction:column;display:flex;overflow:auto}.property-dropdown-menu-item{height:2.5rem;height:var(--condition-height);cursor:pointer;background-color:#fff;padding:.25rem}.property-dropdown-menu-item .cdm-property-tag__psetname{color:#6a6976}.property-dropdown-menu-item .cdm-property-tag__propname{color:#363545}.property-dropdown-menu-item.selected,.property-dropdown-menu-item:hover{background-color:#f3f3f7}.formula-rule-dialog__backdrop{z-index:10000;background-color:rgba(10,10,10,0.45098);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.formula-rule-dialog__backdrop .formula-rule-dialog{background-color:#f9f9fb;flex-flow:column;width:69vw;height:80vh;margin:10vh auto 0;display:flex;box-shadow:0 0 .375rem #aeaeb6;min-width:45.75rem!important;min-height:32.5rem!important}.formula-rule-dialog__backdrop .formula-rule-dialog .formula-rule-dialog__title{padding-top:.5rem;padding-bottom:1rem}.formula-rule-dialog__backdrop .formula-rule-dialog .formula-rule-dialog__header{justify-content:space-between;padding:2rem 2rem 1rem;display:flex}.formula-rule-dialog__backdrop .formula-rule-dialog .formula-rule-dialog__content{display:flex;overflow:hidden;flex-grow:1!important}.formula-rule-dialog__backdrop .formula-rule-dialog .formula-rule-dialog__content .formula-rule-dialog__section{flex-direction:column;display:flex}.formula-rule-dialog__backdrop .rule-formula-preview-section{background-color:#fff;flex-direction:column;margin-bottom:.75rem;margin-right:2rem;display:flex;overflow:auto;box-shadow:-1rem 0 .75rem -1rem #aeaeb6;flex:25%!important}.formula-rule-dialog__backdrop .rule-formula-preview-section .rule-formula-preview-section__header{background-color:#fff;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 .5rem 0 1rem;display:flex;position:sticky;top:0}.formula-rule-dialog__backdrop .rule-formula-preview-section .rule-formula-preview-section__header h2{color:#0c77be;height:2.5rem;margin-top:.5rem;padding:.5rem;font-size:14px;font-weight:400;line-height:20px}.formula-rule-dialog__backdrop .rule-formula-preview-section .rule-formula-preview-section__header .button{margin-top:.5rem}.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__info,.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__no-results{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex}.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__info .tc-icon-rule,.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__no-results .tc-icon-rule{color:#aeaeb6;height:2rem;margin-bottom:.5rem;font-size:2rem}.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__info .formula-rule-preview-section__no-results-text,.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__no-results .formula-rule-preview-section__no-results-text{color:#6a6976;text-align:center;padding-bottom:2rem}.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__info .formula-rule-preview-section__no-results-text.error,.formula-rule-dialog__backdrop .rule-formula-preview-section .formula-rule-preview-section__no-results .formula-rule-preview-section__no-results-text.error{color:#bc0911}.formula-rule-dialog__backdrop .rule-formula__property-section{margin-left:.25rem;overflow-y:hidden;flex:30%!important}.formula-rule-dialog__backdrop .rule-formula__property-section .rule-formula__property-list{overflow-y:auto}.formula-rule-dialog__backdrop .formula-rule-builder-section{flex:75%!important}.formula-rule-dialog__backdrop .formula-rule-dialog__section-title{letter-spacing:.15px;align-items:center;padding-top:1rem;font-size:16px;font-style:normal;font-weight:600;line-height:24px;display:flex}.formula-rule-dialog__backdrop .rule-formula__divider{border-bottom:1px solid #d0d0d7;margin-bottom:1.5rem}.formula-rule-dialog__backdrop .rule-formula__propertyset{background-color:#fff;flex-wrap:nowrap;align-items:center;height:2.5rem;margin-bottom:.125rem;display:flex;overflow:hidden}.formula-rule-dialog__backdrop .rule-formula__propertyset>:first-child{margin-left:.5rem;margin-right:1rem}.formula-rule-dialog__backdrop .rule-formula__propertyset>:last-child{cursor:pointer;box-sizing:content-box;border-radius:50%;margin-left:auto;margin-right:.125rem}.formula-rule-dialog__backdrop .rule-formula__propertyset>:last-child:hover{background-color:rgba(0,0,0,0.10196);transition:background-color .1s linear}.formula-rule-dialog__backdrop .rule-formula__propertyset .rule-formula__propertyset-name{letter-spacing:.0015em;color:#6a6976;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex}.formula-rule-dialog__backdrop .rule-formula__propertyset .rule-formula__property-name{letter-spacing:.0015em;color:#363545;align-items:center;font-size:14px;font-style:normal;font-weight:400;line-height:21px;display:flex}.formula-rule-dialog-footer{border-top:.0625rem solid #d0d0d7;justify-content:flex-end;margin:0 2rem 2rem;padding-top:1rem;display:flex}@media (max-width: 940px){.formula-rule-dialog-footer{flex-direction:column}}
.formula-rule-dialog-footer .formula-rule-builder-section__unmatching-node-name-input{width:15rem}.formula-rule-dialog-footer .formula-rule-dialog-footer__buttons{flex-wrap:nowrap;justify-content:flex-end;margin-top:.25rem;display:flex}.formula-rule-dialog-footer .formula-rule-dialog-footer__buttons>button{margin-left:.25rem}@media screen and (max-width: 1400px){.formula-rule-dialog .cdm-components-tabs__header .cdm-components-tabs__tab-labels .cdm-components-tabs__tab-label{min-width:7rem}}
.pset-override .fixed-row{flex-grow:0;flex-shrink:0;padding:1rem}.pset-override .search-box .input-button-group.search>input{background-color:rgba(0,0,0,0);padding-left:0;padding-right:0}.pset-override .select-menu{cursor:unset;flex-grow:1;flex-shrink:1;margin:0}.pset-override .select-menu:hover{background-color:unset}.pset-override .select-menu label{font-weight:unset}.pset-override .select-menu ul>li>ul{display:none}.pset-override .select-menu ul>li.open>ul{display:block}.pset-override .select-menu .select-menu-item.level0{padding-left:.5rem}.pset-override .select-menu .select-menu-item.level1{padding-left:3rem}.pset-override .select-menu .select-menu-item.level2{cursor:default;min-height:1.5rem;padding-left:8rem}.pset-override .select-menu .select-menu-item.level2:hover{background-color:unset}.pset-override .select-menu .select-menu-item .icon{margin-left:0}.pset-toolbar-area{border-bottom:1px solid #e2e2e7;flex-direction:column;flex-grow:0;flex-shrink:0;align-items:stretch;padding:.75rem .5rem .75rem 1rem;display:flex}.pset-toolbar-area.with-back-button{padding-left:.5rem}.pset-toolbar-area.with-back-button .title{margin-left:.25rem}.pset-toolbar-area .title-row{flex-grow:0;flex-shrink:0;display:flex}.pset-toolbar-area .title-row .menu .button{margin:0}.pset-toolbar-area .title-row .menu,.pset-toolbar-area .title-row .button{align-self:self-start}.pset-toolbar-area .title{word-break:break-all;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;min-height:2.5rem;display:flex}.footer.pset-override{border-top:.0625rem solid #d0d0d7;justify-content:flex-end;align-items:center;padding:1rem;display:flex}.footer.pset-override button+button{margin-left:1rem}@media (max-width: 992px){.footer.pset-override{flex-flow:initial}.footer.pset-override button{justify-content:initial;width:initial;margin-bottom:initial}}
.error{align-items:center;width:100%}.error .tc-icon-error{color:#c81922;flex-shrink:0}.error span{text-overflow:ellipsis;overflow:hidden}.trimble-application .pset-panel-middle .icon-font.info{vertical-align:middle;color:#0d6aa8;margin-left:.5rem;padding:0;font-size:1rem}.trimble-application .pset-panel-middle .icon-font.radio.error{color:#c81922}.trimble-application .pset-panel-middle .icon-font.radio>label{padding:0 0 0 .5rem}.trimble-application .pset-panel-middle .button.tertiary.selected{color:#0d6aa8}.trimble-application .pset-panel-middle .dropdownfield .select-menu,.trimble-application .pset-panel-middle .dropdownfield .select-menu:hover{background-color:rgba(0,0,0,0)}.trimble-application .pset-panel-middle .dropdownfield .placeholder{color:#9d9da6;font-style:italic;font-weight:400}.trimble-application .pset-panel-middle .dropdownfield .selected-text{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.trimble-application .pset-panel-middle .input-focus-group input[type=text],.trimble-application .pset-panel-middle .input-focus-group input[type=number]{border:.0625rem solid #e2e2e7;display:block}.trimble-application .pset-panel-middle .input-focus-group input[type=text]:focus,.trimble-application .pset-panel-middle .input-focus-group input[type=number]:focus{border:.0625rem solid #e2e2e7}.trimble-application .pset-panel-middle input:not([role=combobox]):not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle textarea:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle select:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=date]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=email]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=number]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=password]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=search]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=text]:not(.disabled):not(.validation-error):focus,.trimble-application .pset-panel-middle input[type=url]:not(.disabled):not(.validation-error):focus{border-bottom:.0625rem solid #e2e2e7!important}.trimble-application .pset-panel-middle textarea:not(.disabled):not(.validation-error):focus{border:.0625rem solid #e2e2e7}.trimble-application .pset-panel-middle textarea{display:block}.input-button-group{border-bottom-color:#d0d0d7!important}.input-button-group input[type=text]{border:none!important}.pset-panel-middle{flex-direction:column;flex-grow:1;flex-shrink:1;margin:0;padding:0;font-size:.875rem;display:flex;position:relative;overflow-y:auto}.pset-panel-middle .pset-collapse-all-group{flex-direction:row;align-items:center;margin:.5rem 0 .25rem;padding:0 1rem}.pset-panel-middle .pset-collapse-all-button{flex:none}.pset-panel-middle .pset-separator{border-top:1px solid #e2e2e7;flex-grow:0;flex-shrink:0}.pset-panel-middle .pset-separator:first-child,.pset-panel-middle .pset-skip_next_separator+.pset-separator{display:none}.pset-panel-middle .pset-group-section{margin:0}.pset-panel-middle .pset-favorite-or-not-text{flex-grow:1;flex-shrink:1;margin:0;padding:0}.pset-panel-middle .sibling-collapser:not(.expanded)~div,.pset-panel-middle .sibling-collapser:not(.expanded)~section{display:none}.pset-panel-middle .pset-group{flex-grow:0;flex-shrink:0;margin:0}.pset-panel-middle .pset-group>*{padding:0 .5rem 0 1rem}.pset-panel-middle .pset-group .pset-name-group{justify-content:space-between;align-items:center;display:flex}.pset-panel-middle .pset-group .pset-name-group:hover{cursor:pointer;background-color:#f3f3f7}.pset-panel-middle .pset-group .pset-name-group label,.pset-panel-middle .pset-group .pset-name-group span{flex:4 4}.pset-panel-middle .pset-group .pset-propsection-group{flex-direction:column;margin-top:0;margin-bottom:0;display:flex}.pset-panel-middle .pset-group .pset-propsection-group:last-child{margin-bottom:.5rem}.pset-panel-middle .pset-group .pset-rowandicon-group{flex-direction:row;align-items:center;padding-right:.25rem;display:flex}.pset-panel-middle .pset-group .pset-rowandicon-group .pset-star-image{flex:0 0}.pset-panel-middle .pset-group .pset-rowandicon-group .pset-star-image .favColorOn{color:#0c77be!important}.pset-panel-middle .pset-group .pset-rowandicon-group .pset-star-image .favColorOff{color:#aeaeb6!important}.pset-panel-middle .pset-group .pset-row{flex-direction:column;width:100%;margin-top:.5rem;margin-bottom:.25rem}.pset-panel-middle .pset-group .pset-row.removed{color:#aeaeb6;text-decoration:line-through}.pset-panel-middle .pset-group .pset-row .pset-row-name,.pset-panel-middle .pset-group .pset-row .pset-row-value{word-wrap:break-word;word-wrap:anywhere}.pset-panel-middle .pset-group .pset-row .pset-row-name a,.pset-panel-middle .pset-group .pset-row .pset-row-value a{display:block;overflow:hidden}.pset-panel-middle .pset-group .pset-row .italic{font-style:italic}.pset-panel-middle .pset-group .pset-row.extension{margin-top:0;margin-bottom:.75rem;padding:0}.pset-panel-middle .pset-group .multiselect-version-mismatch{background-color:rgba(255,190,0,0.14902);margin-top:0}.pset-panel-middle .pset-group .multiselect-version-mismatch p{padding:.375rem 0;font-size:.75rem;font-style:italic}.pset-panel-middle .empty-state{margin:auto}.pset-panel-middle .prop-diff{letter-spacing:.05rem;text-transform:uppercase;flex-grow:0;min-width:-moz-fit-content;min-width:fit-content;font-size:.6875rem;font-weight:700}.pset-panel-middle .prop-diff span{text-decoration:none;display:inline-block}.pset-panel-middle .prop-diff.diff-added{color:#4a821f}.pset-panel-middle .prop-diff.diff-removed{color:#c81922}.pset-panel-middle .prop-diff .diff-icon{width:1.2em;height:1.1em;font-size:1.3em}.pset-panel-middle .fab-button-atbottom{z-index:1;flex-direction:column;align-items:center;margin-top:2rem;display:flex;position:sticky;bottom:1rem}.pset-panel-middle .fab-button-atbottom .fab-button-shape{border-radius:2rem}.pset-panel-middle .cdm-components-input-with-units .input-dropdown-wrapper{flex-grow:1;display:flex}.pset-panel-middle .cdm-components-input-with-units .input-dropdown-wrapper .input-group{flex:100%;margin-right:1rem;display:flex}.pset-panel-middle .cdm-components-input-with-units .input-dropdown-wrapper .cdm-components-input-with-units__unit-dropdown-wrapper{flex-grow:1;min-width:4rem;display:flex}.pset-panel-middle .cdm-components-input-with-units .input-dropdown-wrapper .cdm-components-input-with-units__unit-dropdown-wrapper .cdm-portal-component__wrapper{width:100%}.pset-panel-middle .cdm-components-input-with-units .input-dropdown-wrapper .cdm-components-input-with-units__unit-dropdown-wrapper span.selected-text{padding:0 .5rem}.cdm-components-input-with-units__unit-dropdown-menu{min-width:5rem!important}.link-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pset-man-layout .add-pset-button,.psetman-master-libraries .add-pset-button{transition:right .3s;right:1.875rem}@media (max-width: 991px){.pset-man-layout .add-pset-button,.psetman-master-libraries .add-pset-button{margin-bottom:4rem}}
.pset-man-layout .psetman-panel.show+.head-container .add-pset-button,.psetman-master-libraries .psetman-panel.show+.head-container .add-pset-button{right:20.875rem}@media (min-width: 992px){.pset-man-layout .add-pset-button{right:4rem}}
.pset-man-layout .page-heading.sticky,.psetman-master-libraries .page-heading.sticky{z-index:2;position:sticky;top:-1px}.pset-man-layout .page-heading.sticky.pinned,.psetman-master-libraries .page-heading.sticky.pinned{background-color:#f3f3f7;padding-bottom:.125rem;box-shadow:0 .5rem .25rem -.25rem #aeaeb6}@media (max-width: 767px){.pset-man-layout .page-heading.sticky,.psetman-master-libraries .page-heading.sticky{z-index:1003}}
.pset-man-layout .pageSubmitBar,.psetman-master-libraries .pageSubmitBar{background-color:#fff;justify-content:flex-end;height:4rem;padding:.75rem 1rem;position:fixed;bottom:0;left:0;right:0}.pset-man-layout .psetman-panel.show+.head-container .pageSubmitBar,.psetman-master-libraries .psetman-panel.show+.head-container .pageSubmitBar{right:19.25rem}@media (max-width: 768px){.pset-man-layout .pageSubmitBar button.primary,.psetman-master-libraries .pageSubmitBar button.primary{width:100%;display:block}}
.pset-man-layout .select-menu .dropdown-pane>ul>li>ul,.psetman-master-libraries .select-menu .dropdown-pane>ul>li>ul{display:block}.pset-man-layout .dropdown-pane .dropdown-list li,.psetman-master-libraries .dropdown-pane .dropdown-list li{height:auto;display:block}.pset-man-layout .dropdown-pane .dropdown-list li.dropdown-parent-item:hover,.psetman-master-libraries .dropdown-pane .dropdown-list li.dropdown-parent-item:hover{background-color:unset;cursor:default}.pset-man-layout .list-item.group.active .selectable:hover,.psetman-master-libraries .list-item.group.active .selectable:hover{background-color:inherit}.cdm-components-table .list-data.wrap-line-break{white-space:pre-wrap}.cdm-components-table .badge.float-right{position:absolute;top:.5rem;right:3.5rem}.cdm-components-table .table-list.d-block thead,.cdm-components-table .table-list.d-block tbody{display:block}[dir="ltr"] .cdm-components-table th{text-align:left!important;
}[dir="rtl"] .cdm-components-table th{text-align:right!important;
}.cdm-components-table th{font-weight:600}.cdm-components-table .table-list .table-list-item.active{color:#005f9e}.cdm-components-table .table-list .table-list-item.error{border-left:.25rem solid #bc0911}.cdm-components-table .table-list .table-list-item.active.error{color:#363545;background:rgba(244,209,211,0.50196)}.cdm-components-table .table-list .table-list-item.unsupported-type{pointer-events:none;font-style:italic}.tag-editor-container.bottom-padding{margin-bottom:1rem}.tag-editor-container .tag-editor{width:100%}.tag-editor-container .tag-editor-selected{padding-left:.5rem}.tag-editor-container .tag-editor~.line{width:0}.tag-editor-container .tag-editor-focused~.line{background-color:#005f9e;width:100%;height:.125rem}.tag-editor-container.tag-editor-error .tag-editor-focused~.line{background-color:#c81922}.tag-editor-container .tag-editor-input>input[type=text]{border:none;width:100%!important}.tag-editor-container .chips{color:#6a6976;background-color:#eaeaef;justify-content:space-between;align-items:center;height:max-content;min-height:2rem;margin:.5rem .5rem 0 0;padding-left:.75rem;display:flex}.tag-editor-container .chips .chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-editor-container .chips button{color:#6a6976;flex-shrink:0}.tag-editor-container .chips button:hover{background-color:#d0d0d7}.tag-editor-container .chips button:active,.tag-editor-container .chips button.active{color:#6a6976;background-color:#bfbfc6}.tag-editor-container .chips button:active i,.tag-editor-container .chips button.active i{color:#6a6976}.tag-editor-container .chips.error{color:#c81922;background-color:rgba(200,25,34,0.2)}.tag-editor-container .chips.error button{color:#c81922}.tag-editor-container .chips.error button:hover{background-color:rgba(200,25,34,0.30196)}.tag-editor-container .chips.error button:active,.tag-editor-container .chips.error button.active{color:#c81922;background-color:rgba(200,25,34,0.4)}.tag-editor-container .chips.error button:active i,.tag-editor-container .chips.error button.active i{color:#c81922}.pset-man-layout .fade-enter,.psetman-master-libraries .fade-enter{opacity:0}.pset-man-layout .fade-enter-active,.psetman-master-libraries .fade-enter-active{opacity:1;transition:opacity .5s ease-in-out}.pset-man-layout .collapsible-y,.psetman-master-libraries .collapsible-y{height:auto;transition:height .3s ease-in-out;overflow:hidden}.psetman-panel{visibility:collapse;background-color:#fff;width:0;min-width:0;transition:all .3s;overflow:auto}.psetman-panel.show{width:19rem;min-width:19rem;max-width:19rem;box-shadow:0 0 .25rem #aeaeb6;visibility:visible!important}.psetman-panel .select-menu .name{font-weight:400}.psetman-panel .input-group label{justify-content:space-between}.psetman-panel .input-group.checkradio .group-items,.psetman-panel .label-group.checkradio .group-items{margin-left:-.5rem;margin-right:1.5rem}.psetman-panel .panel section .cdm-components-input-with-units .input-group:first-of-type{margin-right:1rem!important}.psetman-panel .panel section .cdm-components-input-with-units .dropdownpane-link.input-button-group{flex:1 0 auto;padding-left:.75rem;min-width:5rem!important}.psetman-panel .input-group-compact{min-height:0;margin:0}.psetman-panel .fallback-property{align-items:flex-end;display:flex}.psetman-panel .fallback-property .input-group{flex:none}.psetman-panel .fallback-property .input-group:first-child{flex:1 0 auto}.psetman-panel .fallback-property .button{padding:.5rem}.psetman-panel .add-fallback-button{margin-top:.75rem}.psetman-panel a{cursor:pointer}.psetman-panel a.disabled{cursor:default;opacity:.5}.psetman-panel .separator{border-bottom:.0625rem solid #d0d0d7;flex-grow:0;flex-shrink:0;width:calc(100% + 2rem);margin-left:-1rem}.psetman-panel hr{margin:1rem -1rem}.psetman-panel.panel .access-control-dialog header{border:none;padding:2.5rem 2.5rem .5rem}.psetman-panel.panel .access-control-dialog footer{background-color:rgba(0,0,0,0);border:none}.psetman-panel.panel section{overflow-y:unset}.psetman-panel .panel-title.keep-height{min-height:2.5rem}.pset-man-layout .panelchanges-overlay,.psetman-master-libraries .panelchanges-overlay{z-index:810;outline:0;display:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.pset-man-layout .panelchanges-overlay.showme,.psetman-master-libraries .panelchanges-overlay.showme{animation:.5s forwards psetman-panelchanges-overlay-on;display:block}.pset-man-layout .panelchanges-overlay-reveal,.psetman-master-libraries .panelchanges-overlay-reveal{z-index:811}@keyframes psetman-panelchanges-overlay-on{0%{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,0.2)}}.project-region-filter .dropdown-pane-container{width:110%}.project-region-filter .input-button-group{background-color:rgba(0,0,0,0);border:none;font-weight:600}.project-region-filter .dropdown-pane.dropdown{max-width:-moz-fit-content!important;max-width:fit-content!important}.cdm-components__project-list-dialog{height:75%}.cdm-components__project-list-dialog .cdm-components__project-list-dialog-content{flex-direction:column;display:flex;overflow:hidden}.cdm-components__project-list-dialog .cdm-components__project-list-dialog-controls{flex-direction:column;flex:0 auto;display:flex}.cdm-components__project-list-dialog ul{flex-direction:column;display:flex;overflow-y:auto}.module{background-color:#fff;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;transition:padding .15s ease-in-out;box-shadow:0 0 .05rem #aeaeb6}@media (min-width: 576px){.module{padding:2.5rem 2.5rem 0}}
.module.active{box-shadow:0 0 .5rem #aeaeb6}.module.collapsed{padding:1.5rem}@media (min-width: 576px){.module.collapsed{padding:1.5rem 2.5rem}}
.module.collapsed .header{padding-bottom:0}.module .header{flex-flow:row;justify-content:space-between;align-items:center;display:flex}@media (min-width: 576px){.module .header{padding-bottom:1rem}}
.module .header .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module .header .button-group{justify-content:flex-end;display:flex}@media (min-width: 576px){.module .header .button-group .button{margin-left:.5rem}}
.module .table-list{margin:1.5rem -1.5rem 0}@media (min-width: 576px){.module .table-list{margin:1.5rem -2.5rem 0}}
.pset-man-initializing{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pset-man-initializing.alert.error{width:50%}.pset-man-layout{flex-flow:column;flex:1;align-self:stretch;display:flex}.pset-man-layout .flex-factor-0{flex:0 0}.pset-man-layout .flex-factor-1{flex:1}.pset-man-layout .stretch-cross-axis{align-items:stretch}.pset-man-layout>header{z-index:800}.pset-man-layout .main-container{flex-flow:row-reverse;width:100%;min-height:0;display:flex}.pset-man-layout .head-container .container{transition:max-width .3s}.pset-man-layout .psetman-panel.show+.head-container .container{max-width:100%!important}.pset-man-layout .psetman-panel+.head-container{overflow:auto}.pset-man-layout .head-container{padding-bottom:6rem}.pset-man-layout .trim-long{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pset-man-layout .more-menu-placeholder{width:2.5rem}.pset-man-layout .icon-placeholder{width:1.5rem}.pset-definition__mobile-more-menu-base.input-button-group{border:none}.pset-definition__mobile-more-menu{width:8rem}.pset-definition__mobile-more-menu span.dropdown-with-filter__list-item{text-wrap:nowrap}.pset-man-layout{flex-flow:row-reverse;width:100%;height:100%;font-size:.875rem;display:flex;position:relative;overflow:auto}.pset-man-layout .head-container{margin-top:0;overflow:auto}.pset-man-layout .cursor-pointer{cursor:pointer}.pset-man-layout .cursor-auto{cursor:auto!important}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* @import '_variables.scss'; */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
}

* {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

ul, li, h2 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-transparent, .bg-none {
  background-color: transparent !important;
}

.bg-trimble_blue_dark {
  background-color: #002D5B !important;
}

.bg-trimble_blue {
  background-color: #00437B !important;
}

.bg-trimble_blue_mid {
  background-color: #005F9E !important;
}

.bg-trimble_blue_light {
  background-color: #009AD9 !important;
}

.bg-trimble_yellow {
  background-color: #FFBE00 !important;
}

.bg-trimble_green {
  background-color: #4D6F33 !important;
}

.bg-trimble_red {
  background-color: #A51D25 !important;
}

.bg-gray_half {
  background-color: #f9f9fb !important;
}

.bg-gray_light {
  background-color: #F3F3F7 !important;
}

.bg-gray_0 {
  background-color: #EAEAEF !important;
}

.bg-gray_1 {
  background-color: #E2E2E7 !important;
}

.bg-gray_2 {
  background-color: #D0D0D7 !important;
}

.bg-gray_3 {
  background-color: #BFBFC6 !important;
}

.bg-gray_4 {
  background-color: #AEAEB6 !important;
}

.bg-gray_5 {
  background-color: #9D9DA6 !important;
}

.bg-gray_6 {
  background-color: #8C8B96 !important;
}

.bg-gray_7 {
  background-color: #7B7A86 !important;
}

.bg-gray_8 {
  background-color: #6A6976 !important;
}

.bg-gray_9 {
  background-color: #595868 !important;
}

.bg-gray_10 {
  background-color: #474655 !important;
}

.bg-trimble_gray {
  background-color: #363545 !important;
}

.bg-gray_dark_1 {
  background-color: #262533 !important;
}

.bg-gray_dark_2 {
  background-color: #1B1A26 !important;
}

.bg-gray_dark_3 {
  background-color: #0B0A12 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-blue {
  background-color: #0D6AA8 !important;
}

.bg-blue_alt {
  background-color: #0C77BE !important;
}

.bg-blue_light {
  background-color: #197CB6 !important;
}

.bg-blue_dark {
  background-color: #07599B !important;
}

.bg-blue_pale {
  background-color: #CFE1EE !important;
}

.bg-blue_pale_alt {
  background-color: #e5f0f8 !important;
}

.bg-green {
  background-color: #5E9331 !important;
}

.bg-green_light {
  background-color: #72A544 !important;
}

.bg-green_dark {
  background-color: #4A821F !important;
}

.bg-green_pale {
  background-color: #DFE9D6 !important;
}

.bg-yellow {
  background-color: #FFBE00 !important;
}

.bg-yellow_light {
  background-color: #FFD200 !important;
}

.bg-yellow_dark {
  background-color: #FFA500 !important;
}

.bg-yellow_pale {
  background-color: #FFF2CC !important;
}

.bg-orange {
  background-color: #ff8b00 !important;
}

.bg-orange_light {
  background-color: #ffa500 !important;
}

.bg-orange_dark {
  background-color: #ff6e00 !important;
}

.bg-orange_pale {
  background-color: #FFE8CC !important;
}

.bg-red {
  background-color: #C81922 !important;
}

.bg-red_light {
  background-color: #D52A33 !important;
}

.bg-red_dark {
  background-color: #BC0911 !important;
}

.bg-red_pale {
  background-color: #F4D1D3 !important;
}

.textRed {
  color: #C81922 !important;
}

.textWhite {
  color: #FFFFFF !important;
}

/* System status colors */
.status-success {
  color: #2ecc71 !important;
}

.status-partial {
  color: #e67e22 !important;
}

.status-major {
  color: #e74c3c !important;
}

.text-gray_4 {
  color: #AEAEB6 !important;
}

.text-red_light {
  color: #D52A33 !important;
}

/* Critical */
.text-yellow_dark {
  color: #FFA500 !important;
}

/* High */
.text-trimble_blue_mid {
  color: #005F9E !important;
}

/* Normal */
.text-green_light {
  color: #72A544 !important;
}

/* Low */
.text-gray_3 {
  color: #BFBFC6 !important;
}

/* closed */
.text-gray_8 {
  color: #6A6976 !important;
}

body {
  height: 100%;
  color: #363545;
  background-color: #F3F3F7;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-flow: row nowrap;
}

.flex-row-wrap {
  display: flex;
  flex-flow: row wrap;
}

.vertical-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.align-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.end {
  display: flex;
  justify-content: flex-end;
}

.row-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.row-distribute {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-1 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.justify-column-center {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.inline-flex {
  display: inline-flex !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.no-ellipsis {
  text-overflow: inherit !important;
  overflow: inherit !important;
  white-space: normal !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-prewrap {
  white-space: pre-wrap !important;
  word-wrap: break-word;
}

/*text colors*/
.text_col_red {
  color: #C81922 !important;
}

.text_col_white {
  color: #FFFFFF !important;
}

.text_col_trimble_blue_mid {
  color: #005F9E !important;
}

.critical {
  color: #C81922 !important;
}

.high {
  color: #FFBE00 !important;
}

.normal {
  color: #005F9E !important;
}

.low {
  color: #72A544 !important;
}

/* Text color styles */
.text-meta {
  color: #6A6976 !important;
}

.text-muted {
  color: #8C8B96;
}

.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

html {
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, .h1 {
  font-size: 1.875rem;
  font-weight: 400;
}

h2, .h2 {
  font-size: 1.375rem;
  font-weight: 600;
}

h3, .h3 {
  font-size: 1.125rem;
  font-weight: 600;
}

h4, .h4 {
  font-size: 0.975rem;
  font-weight: 400;
}

h5, .h5 {
  font-size: 0.875rem;
  font-weight: 600;
}

h6, .h6 {
  font-size: 0.687rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

p {
  margin: 0;
  font-size: 0.875rem;
}

small, .small {
  font-size: 0.75rem;
}

b, strong, .text-semibold {
  font-weight: 600;
}

caption {
  font-size: 0.675rem;
}

a {
  color: #005F9E;
  font-size: inherit;
  font-weight: 600;
  text-decoration: underline;
}
a.link-secondary {
  color: #363545;
  text-decoration: none;
}
a.link-secondary:hover {
  text-decoration: underline;
}

.text-bold {
  font-weight: 700;
}

.sub-text {
  color: #6A6976;
  font-size: 0.75rem;
}

.strike-through {
  text-decoration: line-through;
}

.italic {
  font-style: italic;
}

.capitalize {
  text-transform: capitalize;
}

.section-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 2.5rem;
  margin: 0.5rem 0 0;
  border-top: 0.0625rem solid #D0D0D7;
}
.section-header.border-bottom {
  margin: 0.5rem 0;
  border-top: 0;
  border-bottom: 0.0625rem solid #D0D0D7;
}
.section-header :first-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section-header.no-border {
  margin: 0.5rem 0 0;
  border-top: 0;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  h1, .h1 {
    font-size: 1.65rem;
  }
}
/*Shadow as per documentation*/
.shadow {
  box-shadow: 0 0 0.25rem #AEAEB6;
}

.shadow-small {
  box-shadow: 0 0 0.125rem #AEAEB6;
}

.shadow-large {
  box-shadow: 0 0 0.375rem #AEAEB6;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mh-5 {
  min-height: 2.5rem !important;
}

.mh-auto {
  min-height: auto !important;
}

.mxh-auto {
  max-height: unset !important;
}

.mt-n1 {
  margin-top: -0.5rem !important;
}

.mr-n1 {
  margin-right: -0.5rem !important;
}

.mb-n1 {
  margin-bottom: -0.5rem !important;
}

.ml-n1 {
  margin-left: -0.5rem !important;
}

body {
  height: 100%;
  color: #363545;
  background-color: #F3F3F7;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.thumbnailSection {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
}
.thumbnail img {
  height: 100%;
  max-height: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.thumbnail.micro {
  max-width: 1.5rem;
  max-height: 1.5rem;
  overflow: hidden;
}
.thumbnail.micro > i {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.thumbnail.large {
  width: 5.5rem;
  height: 5.5rem;
}

.circle {
  border-radius: 50% !important;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.vhidden {
  visibility: hidden !important;
}

.relative {
  position: relative;
}

hr {
  margin: 1rem 0;
  border: none;
  border-top: solid 0.0625rem #D0D0D7;
}

.overflow-unset {
  overflow: unset !important;
}

.dd-position-fixed {
  position: fixed !important;
  left: auto !important;
}

.dropdown-pane-container.select-menu .dropdown-pane.dd-position-fixed {
  top: auto;
}

.rounded {
  border-radius: 50% !important;
}

.pointer {
  cursor: pointer;
}

.no-pointer {
  cursor: default !important;
}

.m-width-0 {
  min-width: 0 !important;
}

.bordered {
  border: solid 0.0625rem #D0D0D7;
}

.borderless {
  border: none !important;
}

@media (max-width: 992px) {
  .dd-position-fixed {
    position: absolute !important;
  }
}
img.i16 {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.wrap-buttons, .wrap-buttons-footer {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.wrap-buttons > button, .wrap-buttons-footer > button {
  margin-left: 1rem;
}

.heightInherit {
  height: inherit;
}

.object-fit-contain {
  object-fit: contain !important;
}

/* Size */
.button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
}
.button.small {
  padding: 0.5rem;
  font-size: 0.75rem;
  min-height: 2rem;
}
.button.large {
  padding: 1rem;
  min-height: 3rem;
}
.button.icon-left {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.button.icon-left > i {
  margin-right: 0.5rem;
}
.button.icon-right {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.button.icon-right > i {
  margin-left: 0.5rem;
}
.button.white > i {
  color: #FFFFFF;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button.inline-left {
  padding-left: 0;
  text-align: left;
}
.button.inline-right {
  padding-right: 0;
  text-align: right;
}

/*disabled*/
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.close-button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
}

.fab-button {
  position: fixed;
  right: 1rem;
  bottom: 1.875rem;
  z-index: 1;
}

.toggle-button-group {
  display: flex;
  flex-flow: row nowrap;
}
.toggle-button-group > button:first-child {
  margin-right: -1px;
}

/* Size */
.button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
}
.button.small {
  padding: 0.5rem;
  font-size: 0.75rem;
  min-height: 2rem;
}
.button.large {
  padding: 1rem;
  min-height: 3rem;
}
.button.icon-left {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.button.icon-left > i {
  margin-right: 0.5rem;
}
.button.icon-right {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.button.icon-right > i {
  margin-left: 0.5rem;
}
.button.white > i {
  color: #FFFFFF;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button.inline-left {
  padding-left: 0;
  text-align: left;
}
.button.inline-right {
  padding-right: 0;
  text-align: right;
}

/*disabled*/
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.close-button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
}

.fab-button {
  position: fixed;
  right: 1rem;
  bottom: 1.875rem;
  z-index: 1;
}

.toggle-button-group {
  display: flex;
  flex-flow: row nowrap;
}
.toggle-button-group > button:first-child {
  margin-right: -1px;
}

.button.default {
  border: 0.0625rem solid #D0D0D7;
  color: #363545;
  background-color: #EAEAEF;
}
.button.default.disabled:hover, .button.default:disabled:hover {
  background-color: #EAEAEF;
}
.button.default:hover {
  background-color: #D0D0D7;
  color: #363545;
}
.button.default:active, .button.default.active {
  background-color: #AEAEB6;
  color: #363545;
}
.button.default:active > i, .button.default.active > i {
  color: #363545 !important;
}

.button.primary {
  color: #FFFFFF;
  background-color: #005F9E;
}
.button.primary.disabled:hover, .button.primary:disabled:hover {
  background-color: #005F9E;
}
.button.primary:hover {
  background-color: #00437B;
  color: #FFFFFF;
}
.button.primary:active, .button.primary.active {
  background-color: #002D5B;
  color: #FFFFFF;
}
.button.primary:active > i, .button.primary.active > i {
  color: #FFFFFF !important;
}
.button.primary > .icon-font {
  color: #FFFFFF;
}
.button.link-primary {
  color: #005F9E;
  text-decoration: none;
}
.button.link-primary:hover {
  color: #00437B;
  text-decoration: underline;
}
.button.link-primary:active, .button.link-primary.active {
  color: #002D5B;
  text-decoration: underline;
}
.button.link-primary.icon-left {
  text-decoration: none;
}
.button.link-primary.icon-left i {
  margin-right: 0.5rem;
}
.button.link-primary.disabled, .button.link-primary:disabled {
  color: #363545;
}
.button.link-primary.disabled:hover, .button.link-primary:disabled:hover {
  text-decoration: none;
}
.button.toolbar-primary {
  background-color: transparent;
  color: #363545;
}
.button.toolbar-primary:hover {
  background-color: #F3F3F7;
  color: #363545;
}
.button.toolbar-primary:active, .button.toolbar-primary.active {
  background-color: #E2E2E7;
  color: #363545;
}
.button.toolbar-primary:active > i, .button.toolbar-primary.active > i {
  color: #363545 !important;
}
.button.toolbar-primary:active > i, .button.toolbar-primary.active > i {
  color: #363545 !important;
}
.button.toolbar-primary.checked {
  background-color: #0C77BE;
  color: #FFFFFF;
}

.button[class*=icon-].link-primary:hover, .button[class*=icon-].link-primary:active, .button[class*=icon-].link-primary.active {
  text-decoration: none;
}

.button.secondary {
  color: #FFFFFF;
  background-color: #009AD9;
}
.button.secondary.disabled:hover, .button.secondary:disabled:hover {
  background-color: #009AD9;
}
.button.secondary:hover {
  background-color: #197CB6;
  color: #FFFFFF;
}
.button.secondary:active, .button.secondary.active {
  background-color: #005F9E;
  color: #FFFFFF;
}
.button.secondary:active > i, .button.secondary.active > i {
  color: #FFFFFF !important;
}
.button.link-secondary {
  color: #6A6976;
  background-color: none;
  text-decoration: underline;
}
.button.link-secondary:hover {
  color: #474655;
  text-decoration: underline;
}
.button.link-secondary:active, .button.link-secondary.active {
  color: #363545;
  text-decoration: underline;
}
.button.link-secondary.icon-left {
  text-decoration: none;
}
.button.link-secondary.icon-left i {
  margin-right: 0.5rem;
}
.button.link-secondary.disabled, .button.link-secondary:disabled {
  text-decoration: none;
  opacity: 0.5;
}

.button[class*=icon-].link-secondary:hover, .button[class*=icon-].link-secondary:active, .button[class*=icon-].link-secondary.active {
  text-decoration: none;
}

.button.warning {
  color: #FFFFFF;
  background-color: #D52A33;
}
.button.warning.disabled:hover, .button.warning:disabled:hover {
  background-color: #D52A33;
}
.button.warning:hover {
  background-color: #BC0911;
  color: #FFFFFF;
}
.button.warning:active, .button.warning.active {
  background-color: #A51D25;
  color: #FFFFFF;
}
.button.warning:active > i, .button.warning.active > i {
  color: #FFFFFF !important;
}
.button.link-warning {
  color: #D52A33;
  background-color: none;
  text-decoration: underline;
}
.button.link-warning:hover {
  color: #BC0911;
  text-decoration: underline;
}
.button.link-warning:active, .button.link-warning.active {
  color: #A51D25;
  text-decoration: underline;
}
.button.link-warning.icon-left {
  text-decoration: none;
}
.button.link-warning.icon-left i {
  margin-right: 0.5rem;
}
.button.link-warning.disabled, .button.link-warning:disabled {
  text-decoration: none;
  opacity: 0.5;
}

.button[class*=icon-].link-warning:hover, .button[class*=icon-].link-warning:active, .button[class*=icon-].link-warning.active {
  text-decoration: none;
}

.button.tertiary {
  color: #6A6976;
  background-color: transparent;
}
.button.tertiary.disabled:hover, .button.tertiary:disabled:hover {
  background-color: transparent;
}
.button.tertiary:hover {
  background-color: #f9f9fb;
  color: #005F9E;
}
.button.tertiary:active, .button.tertiary.active {
  background-color: #CFE1EE;
  color: #005F9E;
}
.button.tertiary:active > i, .button.tertiary.active > i {
  color: #005F9E !important;
}

.button.light {
  border: 0.0625rem solid #D0D0D7;
  color: #6A6976;
  background-color: #FFFFFF;
}
.button.light.disabled:hover, .button.light:disabled:hover {
  background-color: #FFFFFF;
}
.button.light:hover {
  background-color: #f9f9fb;
  color: #005F9E;
}
.button.light:active, .button.light.active {
  background-color: #CFE1EE;
  color: #005F9E;
}
.button.light:active > i, .button.light.active > i {
  color: #005F9E !important;
}
.button.light:active, .button.light.active {
  border: 0.0625rem solid #CFE1EE;
}

.button.inverse {
  color: #FFFFFF;
  background-color: none;
}
.button.inverse.disabled:hover, .button.inverse:disabled:hover {
  background-color: none;
}
.button.inverse:hover {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}
.button.inverse:active, .button.inverse.active {
  background-color: rgba(255, 255, 255, 0.55);
  color: #FFFFFF;
}
.button.inverse:active > i, .button.inverse.active > i {
  color: #FFFFFF !important;
}

/* Icon buttons */
.button.icon {
  padding: 0 0.5rem;
}
.button.icon-small {
  width: 2rem;
  min-height: 2rem;
  padding: 0.5rem;
  justify-content: center;
}
.button.icon-medium {
  padding: 0;
  min-width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
}
.button.icon-large {
  padding: 0.75rem;
  min-width: 3rem;
  min-height: 3rem;
  justify-content: center;
}
.button.icon-square {
  border-radius: 0;
}
.button.icon-circle {
  border-radius: 50%;
}
.button.icon-large-circle {
  border-radius: 50%;
  padding: 0.75rem;
  min-width: 3rem;
  min-height: 3rem;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  box-shadow: 0 0 0.25rem #AEAEB6;
}

.button.dropdown {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.button.cta {
  color: #363545;
  background-color: #FFBE00;
}
.button.cta.disabled:hover, .button.cta:disabled:hover {
  background-color: #FFBE00;
}
.button.cta:hover {
  background-color: #FFD200;
  color: #363545;
}
.button.cta:active, .button.cta.active {
  background-color: #FFA500;
  color: #363545;
}
.button.cta:active > i, .button.cta.active > i {
  color: #363545 !important;
}

.trimble-color-picker .color-container {
  height: 12.5rem;
  width: 22.5rem;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 0.125rem;
  background-color: #ffffff;
}
.trimble-color-picker .color-container.label-container {
  height: auto;
}
.trimble-color-picker .color-container.horizontal {
  min-width: 16.25rem;
  width: 16.25rem;
  max-height: 12.5rem;
  padding: 0 0.5rem;
}
.trimble-color-picker .color-container.horizontal button.color-item, .trimble-color-picker .color-container.horizontal button.custom-selector {
  width: 2.5rem;
  border-radius: 50%;
  padding: 0;
  margin: 0;
}
.trimble-color-picker .color-container.horizontal label {
  padding: 0 0.5rem;
}
.trimble-color-picker .color-container.custom-colors.horizontal {
  flex-direction: row;
  height: 3.5rem;
}
.trimble-color-picker button.color-item, .trimble-color-picker button.custom-selector {
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: transparent;
}
.trimble-color-picker button.color-item .option, .trimble-color-picker button.custom-selector .option {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  transition: 0.05s ease-in-out;
}
.trimble-color-picker button.color-item.selected, .trimble-color-picker button.custom-selector.selected {
  background-color: #E2E2E7 !important;
}
.trimble-color-picker button.color-item.selected .option, .trimble-color-picker button.custom-selector.selected .option {
  width: 1.75rem;
  height: 1.75rem;
  transition: 0.05s ease-in-out;
}
.trimble-color-picker button.color-item.selected .option .icon-font, .trimble-color-picker button.custom-selector.selected .option .icon-font {
  color: #FFFFFF;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.125rem;
}
.trimble-color-picker button.color-item:not(.active):not(.checked):not(.disabled):hover, .trimble-color-picker button.custom-selector:not(.active):not(.checked):not(.disabled):hover {
  background-color: #F3F3F7 !important;
}

.color-selector-container {
  display: flex;
  flex-direction: column;
  height: 280px;
  width: 260px;
  z-index: 1;
  background-color: white;
  position: relative;
  padding-top: 8px;
}

.color-selector-palette {
  padding-bottom: 60%;
  position: relative;
  width: 100%;
  align-self: center;
  margin-bottom: 10px;
}

.color-selector-hue {
  min-height: 10px;
  position: relative;
  width: 100%;
  align-self: center;
  margin-bottom: 7px;
  margin-right: 9px;
}

.color-hue-container {
  display: flex;
}

.editable-inputs-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}
.navisworks-labs-popup .nlp-modal {
  background: #f9f9fb;
  border-radius: 0;
  box-shadow: 0 0 6px #aeaeb6;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 472px;
  padding: 40px;
  pointer-events: auto;
  width: calc(100% - 32px);
}
.navisworks-labs-popup .nlp-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.navisworks-labs-popup .nlp-title {
  color: #363545;
  flex: 1;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  min-width: 0;
}
.navisworks-labs-popup .nlp-header-close {
  align-self: center;
  flex-shrink: 0;
  line-height: 0;
}
.navisworks-labs-popup .nlp-header-close .button {
  margin: 0;
}
.navisworks-labs-popup .nlp-image {
  align-items: center;
  aspect-ratio: 1387/803;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.navisworks-labs-popup .nlp-image .nlp-image-media {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  pointer-events: none;
  width: 100%;
}
.navisworks-labs-popup .nlp-image .nlp-image-loading {
  align-items: center;
  background: #f9f9fb;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute;
}
.navisworks-labs-popup .nlp-image .nlp-image-error {
  align-items: center;
  background: #f9f9fb;
  display: flex;
  flex-direction: column;
  gap: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  padding: 16px;
  position: absolute;
  text-align: center;
}
.navisworks-labs-popup .nlp-image .nlp-image-error-title {
  color: #363545;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.navisworks-labs-popup .nlp-image .nlp-image-error-description {
  color: #6a6976;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.navisworks-labs-popup .nlp-image .nlp-image-error-retry {
  background: #fff;
  border: 1px solid #005f9e;
  border-radius: 0;
  color: #005f9e;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 4px;
  padding: 6px 16px;
}
.navisworks-labs-popup .nlp-carousel {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 15px 0;
}
.navisworks-labs-popup .nlp-carousel-dot {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 14px;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 14px;
}
.navisworks-labs-popup .nlp-carousel-dot::before {
  border: 1.5px solid #aeaeb6;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 14px;
  width: 14px;
}
.navisworks-labs-popup .nlp-carousel-dot.active::after {
  background: #6a6976;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}
.navisworks-labs-popup .nlp-carousel-dot:hover:not(.active)::before {
  border-color: #6a6976;
}
.navisworks-labs-popup .nlp-body {
  display: flex;
  flex-direction: column;
}
.navisworks-labs-popup .nlp-lead-in {
  color: #6a6976;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 4px;
}
.navisworks-labs-popup .nlp-description {
  color: #6a6976;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.navisworks-labs-popup .nlp-description strong {
  font-weight: 700;
}
.navisworks-labs-popup .nlp-footer {
  align-items: center;
  border-top: 1px solid #d0d0d7;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-start;
  margin-top: 8px;
  padding-top: 16px;
}
.navisworks-labs-popup .nlp-dont-show-again {
  align-items: center;
  color: #6a6976;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  font-size: 14px;
  gap: 8px;
  line-height: 20px;
  margin: 0;
  min-width: 0;
}
.navisworks-labs-popup .nlp-dont-show-again input {
  flex-shrink: 0;
  margin: 0;
}
.navisworks-labs-popup .nlp-dont-show-again span {
  min-width: 0;
}
.navisworks-labs-popup .nlp-footer-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
  margin-left: auto;
}
.navisworks-labs-popup .nlp-footer-button {
  border-radius: 0;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  min-width: 5rem;
  padding: 6px 16px;
}
.navisworks-labs-popup .nlp-footer-button--outline {
  background: #fff;
  border: 1px solid #005f9e;
  color: #005f9e;
}
.navisworks-labs-popup .nlp-footer-button--outline:hover, .navisworks-labs-popup .nlp-footer-button--outline:focus {
  background: rgba(0, 95, 158, 0.08);
}
.navisworks-labs-popup .nlp-footer-button--outline:active {
  background: rgba(0, 95, 158, 0.16);
}
.navisworks-labs-popup .nlp-footer-button--primary {
  background: #005f9e;
  border: 1px solid #005f9e;
  color: #fff;
}
.navisworks-labs-popup .nlp-footer-button--primary:hover, .navisworks-labs-popup .nlp-footer-button--primary:focus {
  background: #00437b;
  border-color: #00437b;
}
.navisworks-labs-popup .nlp-footer-button--primary:active {
  background: #002d5b;
  border-color: #002d5b;
}

@media (max-width: 767px) {
  .navisworks-labs-popup .nlp-footer {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .navisworks-labs-popup .nlp-dont-show-again {
    flex: 1 1 100%;
  }
  .navisworks-labs-popup .nlp-footer-actions {
    flex: 1 1 100%;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .navisworks-labs-popup .nlp-footer-button {
    width: 100%;
  }
}#UserConsent .consent-info {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
#UserConsent .terms-message {
  margin-top: 0.75rem;
}
#UserConsent .accept-button {
  display: flex;
  justify-content: end;
  margin-top: 2rem;
}
#UserConsent .justify-content-center {
  height: calc(100% - 4rem);
  display: flex;
  align-items: center;
}
#UserConsent .container-fluid {
  overflow-y: scroll;
}.subNavBlock {
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms ease-out;
}

.nav-preview-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 2px;
  padding: 0 3px;
  line-height: 1.4;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 0.4rem;
}

/* Hide the badge when the sidebar is collapsed (icon-only mode) */
.sidebar.collapsed .nav-preview-badge {
  display: none;
}body {
  overflow: hidden;
}

.wrapper {
  height: 100%;
}

.main {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.moduleFluid {
  flex: 1 1 auto;
  height: 100%;
  padding: 0 1rem 1rem 1rem;
  overflow-y: auto;
}

.page-submitBar {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: white;
  left: 0;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 12px 16px;
  z-index: 2;
}

.connectContent {
  display: flex;
  flex-flow: row nowrap;
  height: calc(100% - 4rem);
  position: fixed;
  width: 100%;
}

.connectHeader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1004;
}
@media (max-width: 1199px) {
  .connectHeader {
    z-index: 1003;
  }
}

.hidden {
  visibility: hidden;
}

nav {
  transition: 0.5s;
}
nav.collapsed {
  min-width: 4rem;
}
nav.expanded {
  min-width: 16rem;
}

.pushContent {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  overflow: hidden;
}
[dir="ltr"] .pushContent.side-nav-visible {
  margin-left: 4rem !important;
}
[dir="rtl"] .pushContent.side-nav-visible {
  margin-right: 4rem !important;
}
[dir="ltr"] .pushContent.side-nav-visible {
  transition: margin-left 0.5s, margin-left 0.5s;
}
[dir="rtl"] .pushContent.side-nav-visible {
  transition: margin-right 0.5s, margin-left 0.5s;
}
.pushContent.side-nav-visible {
  margin-left: 4rem !important;
}
@media (min-width: 1200px) {
  [dir="ltr"] .pushContent.side-nav-visible.push-content--expanded {
    margin-left: 256px !important;
  }
  [dir="rtl"] .pushContent.side-nav-visible.push-content--expanded {
    margin-right: 256px !important;
  }
  .pushContent.side-nav-visible.push-content--expanded {
    margin-left: 256px !important;
  }
}
[dir="ltr"] .pushContent.side-nav-hidden {
  margin-left: 0 !important;
}
[dir="rtl"] .pushContent.side-nav-hidden {
  margin-right: 0 !important;
}
.pushContent.side-nav-hidden {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  [dir="ltr"] .pushContent.side-nav-visible {
    margin-left: 0 !important;
  }
  [dir="rtl"] .pushContent.side-nav-visible {
    margin-right: 0 !important;
  }
  .pushContent.side-nav-visible {
    margin-left: 0 !important;
  }
}

.tc-side-nav-panel-hidden {
  display: none;
}

.table-list {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.table-list .row {
  flex-wrap: nowrap;
}

.overflowX {
  overflow-x: auto !important;
}

.overflowY {
  overflow-y: auto !important;
}

.ReactVirtualized__Grid {
  outline: 0 !important;
}

.extensions-wrapper {
  width: 100%;
  height: 100%;
}
.extensions-wrapper div {
  width: 100%;
  height: 100%;
}
.extensions-wrapper div iframe {
  border: none;
}
.extensions-wrapper iframe {
  border: none;
}

@media (max-width: 1199px) {
  .connectContent {
    position: absolute;
    margin-top: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  nav {
    width: 4rem;
  }
}
@media (max-width: 576px) {
  .connectContent {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
  .panelRight {
    width: 100% !important;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .connectContent {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .connectContent {
    height: calc(100% - 3.5rem);
    margin-top: 3.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .connectContent {
    height: calc(100% - 3.5rem);
    margin-top: 3.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  nav.collapsed, nav.expanded {
    min-width: 4rem;
    z-index: 1005;
  }
}
@media (max-width: 767.98px) {
  nav {
    position: absolute;
    width: 0;
    z-index: 1005;
    top: 0;
  }
}
#downloader {
  width: 0;
  height: 0;
  display: none;
}.agentic-iframe {
  flex: 1 1 auto;
  width: 100%;
  border: none;
  position: relative;
}

.agentic-ai-panel {
  border-left: 3px solid #0c77be;
}

.agentic-wrapper {
  height: inherit;
  display: flex;
  flex-direction: column;
}
.ath-viewport * {
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet {
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}
/**
 * Modus Web Components - Variables Only
 *
 * Lightweight alternative to modus-wc-styles.css for legacy apps.
 * Contains ONLY CSS variables, theme definitions, and font declarations.
 * No Tailwind reset, no DaisyUI classes, no utility classes.
 *
 * Use this when:
 * - Your app uses Modus components inside Shadow DOM
 * - You want to avoid the Tailwind Preflight reset causing style regressions
 * - The handleShadowDOMStyles() injection handles class rules inside shadow roots
 *
 * Usage:
 *   import '@trimble-oss/moduswebcomponents/modus-wc-variables.css';
 */

/* ===== Font Declarations ===== */

/* Open Sans Variable Font - Normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/woff2/OpenSans-VariableFont.BEhAMRCF.woff2) format('woff2');
}

/* Open Sans Variable Font - Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/woff2/OpenSans-Italic-VariableFont.admabu8U.woff2)
    format('woff2');
}

/* ===== CSS Variables ===== */

:root {
  /**
  * The following variables should always match Modus
  */
  color-scheme: light dark;

  /* Neutral Progression */
  --modus-wc-color-white: #fff;
  --modus-wc-color-gray-light: #f1f1f6;
  --modus-wc-color-gray-01: #f5f5f8;
  --modus-wc-color-gray-02: #e9eaf0;
  --modus-wc-color-gray-0: #e0e1e9;
  --modus-wc-color-gray-1: #cbcdd6;
  --modus-wc-color-gray-2: #b7b9c3;
  --modus-wc-color-gray-3: #a3a6b1;
  --modus-wc-color-gray-4: #90939f;
  --modus-wc-color-gray-5: #7d808d;
  --modus-wc-color-gray-6: #6a6e79;
  --modus-wc-color-gray-7: #585c65;
  --modus-wc-color-gray-8: #464b52;
  --modus-wc-color-gray-9: #353a40;
  --modus-wc-color-gray-10: #171c1e;
  --modus-wc-color-trimble-gray: #252a2e;
  --modus-wc-color-black: #000;

  /* Blue Progression */
  --modus-wc-color-blue-pale: #dcedf9;
  --modus-wc-color-highlight-blue: #019aeb;
  --modus-wc-color-blue-light: #217cbb;
  --modus-wc-color-trimble-blue: #0063a3;
  --modus-wc-color-connect-blue: #00437b;
  --modus-wc-color-blue-dark: #0e416c;
  --modus-wc-color-info-blue: #004f83;
  --modus-wc-color-highlight-blue-pale: rgba(1, 154, 235, 0.5);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-info-blue);

  /* Yellow Progression */
  --modus-wc-color-yellow-pale: #fff5e4;
  --modus-wc-color-yellow-light: #fec157;
  --modus-wc-color-yellow: #fbad26;
  --modus-wc-color-yellow-dark: #e49325;

  /* Red Progression */
  --modus-wc-color-red-pale: #fbd4d7;
  --modus-wc-color-red-light: #e86363;
  --modus-wc-color-red: #da212c;
  --modus-wc-color-red-dark: #ab1f26;

  /* Green Progression */
  --modus-wc-color-green-pale: #e0eccf;
  --modus-wc-color-green-light: #4ea646;
  --modus-wc-color-green: #1e8a44;
  --modus-wc-color-green-dark: #006638;

  /* In-Field */
  --modus-wc-in-field-success-dark-bg: #00fe00;
  --modus-wc-in-field-success-light-bg: #00d22f;
  --modus-wc-in-field-warning: #ff8b00;
  --modus-wc-in-field-error: #da212c;
  --modus-wc-in-field-info: #019aeb;
  --modus-wc-in-field-avoidance: #df4eb2;
  --modus-wc-in-field-black: #000;

  /* Border width */
  --modus-wc-border-width-xs: 1px;
  --modus-wc-border-width-sm: 2px;
  --modus-wc-border-width-md: 3px;
  --modus-wc-border-width-lg: 4px;
  --modus-wc-border-width-xl: 8px;
  --modus-wc-border-width-2xl: 12px;
  --modus-wc-border-width-3xl: 24px;

  /* Border radius */
  --modus-wc-border-radius-sm: 2px;
  --modus-wc-border-radius-md: 4px;
  --modus-wc-border-radius-lg: 8px;
  --modus-wc-border-radius-xl: 12px;
  --modus-wc-border-radius-2xl: 16px;
  --modus-wc-border-radius-3xl: 24px;
  --modus-wc-border-radius-rounded: 1000px;

  /* Line heights */
  --modus-wc-line-height-xs: 0.5rem;
  --modus-wc-line-height-sm: 1rem;
  --modus-wc-line-height-md: 1.5rem;
  --modus-wc-line-height-lg: 2rem;
  --modus-wc-line-height-xl: 3rem;

  --modus-wc-line-height-h6: 1.125rem;
  /* 18px */
  --modus-wc-line-height-h3: 1.6875rem;
  /* 27px */
  --modus-wc-line-height-h2: 1.875rem;
  /* 30px */
  --modus-wc-line-height-h1: 2.25rem;
  /* 36px */
  --modus-wc-line-height-h0: 2.75rem;
  /* 44px */

  /* Font Family */
  --modus-wc-font-family:
    'Open Sans', 'Segoe UI', 'Noto Sans', 'San Francisco', 'Helvetica', 'Arial',
    sans-serif;

  /* Font Sizes */
  --modus-wc-font-size-2xs: 0.5rem;
  /* 8px */
  --modus-wc-font-size-xs: 0.625rem;
  /* 10px */
  --modus-wc-font-size-sm: 0.75rem;
  /* 12px */
  --modus-wc-font-size-md: 0.875rem;
  /* 14px */
  --modus-wc-font-size-lg: 1rem;
  /* 16px */
  --modus-wc-font-size-xl: 1.125rem;
  /* 18px */
  --modus-wc-font-size-2xl: 1.25rem;
  /* 20px */
  --modus-wc-font-size-3xl: 1.5rem;
  /* 24px */
  --modus-wc-font-size-4xl: 1.875rem;
  /* 30px */

  /* Font Weights */
  --modus-wc-font-weight-light: 300;
  --modus-wc-font-weight-normal: 400;
  --modus-wc-font-weight-semibold: 600;
  --modus-wc-font-weight-bold: 700;

  /* Sizes */
  --modus-wc-size-xxs: 0.75rem;
  /* 12px */
  --modus-wc-size-xs: 1.5rem;
  /* 24px */
  --modus-wc-size-sm: 2rem;
  /* 32px */
  --modus-wc-size-md: 2.5rem;
  /* 40px */
  --modus-wc-size-lg: 3rem;
  /* 48px */
  --modus-wc-size-xl: 3.5rem;
  /* 56px */
  --modus-wc-size-xxl: 4.5rem;
  /* 72px */

  /* Spacing */
  --modus-wc-spacing-2xs: 0.125rem;
  /* 2px */
  --modus-wc-spacing-xs: 0.25rem;
  /* 4px */
  --modus-wc-spacing-sm: 0.5rem;
  /* 8px */
  --modus-wc-spacing-md: 0.75rem;
  /* 12px */
  --modus-wc-spacing-lg: 1rem;
  /* 16px */
  --modus-wc-spacing-xl: 1.5rem;
  /* 24px */
  --modus-wc-spacing-2xl: 2rem;
  /* 32px */
  --modus-wc-spacing-3xl: 3rem;
  /* 48px */
  --modus-wc-spacing-20: 5rem;
  /* 80px */
  --modus-wc-spacing-24: 6rem;
  /* 96px */

  /* Inputs */
  --modus-wc-input-height-sm: 1.5rem;
  /* 24px */
  --modus-wc-input-height-md: 2rem;
  /* 32px */
  --modus-wc-input-height-lg: 3rem;
  /* 48px */

  /* Border Variables */
  --modus-wc-border-radius-badge: var(--modus-wc-border-radius-md);
  --modus-wc-border-radius-btn: var(--modus-wc-border-radius-lg);
  --modus-wc-border-radius-box: var(--modus-wc-border-radius-2xl);
  --modus-wc-border-radius-tab: var(--modus-wc-border-radius-lg);
  --modus-wc-border-radius-input: var(--modus-wc-border-radius-lg);
  --modus-wc-border-radius-table: var(--modus-wc-border-radius-2xl);
  --modus-wc-border-radius-chip: var(--modus-wc-border-radius-lg);
  --modus-wc-border-radius-alert: var(--modus-wc-border-radius-md);

  /* Opacity */
  --modus-wc-opacity-overlay: 0.6;

  /* Dynamic Base Colors */
  --modus-wc-color-base-page: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-trimble-gray)
  );
  --modus-wc-color-base-100: light-dark(
    var(--modus-wc-color-gray-01),
    var(--modus-wc-color-gray-8)
  );
  --modus-wc-color-base-200: light-dark(
    var(--modus-wc-color-gray-02),
    var(--modus-wc-color-gray-10)
  );
  --modus-wc-color-base-300: light-dark(
    var(--modus-wc-color-gray-0),
    var(--modus-wc-color-gray-10)
  );
  --modus-wc-color-base-content: light-dark(
    var(--modus-wc-color-gray-10),
    var(--modus-wc-color-gray-1)
  );
  --modus-wc-color-base-content-low-contrast: light-dark(
    var(--modus-wc-color-gray-8),
    var(--modus-wc-color-gray-3)
  );
  --modus-wc-color-base-content-high-contrast: light-dark(
    var(--modus-wc-color-black),
    var(--modus-wc-color-white)
  );
  --modus-wc-color-base-inverted: light-dark(
    var(--modus-wc-color-gray-10),
    var(--modus-wc-color-gray-light)
  );

  /**
  * The following variables are applied to themes for applications to override.
  */

  /* Primary Colors */
  --modus-wc-color-primary: light-dark(
    var(--modus-wc-color-trimble-blue),
    var(--modus-wc-color-highlight-blue)
  );
  --modus-wc-color-primary-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-primary-pale: light-dark(
    var(--modus-wc-color-blue-pale),
    var(--modus-wc-color-highlight-blue-pale)
  );

  /* Secondary Colors */
  --modus-wc-color-secondary: light-dark(
    var(--modus-wc-color-yellow),
    var(--modus-wc-color-yellow-light)
  );
  --modus-wc-color-secondary-content: light-dark(
    var(--modus-wc-color-black),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-secondary-pale: light-dark(
    var(--modus-wc-color-yellow-pale),
    var(--modus-wc-color-yellow-pale)
  );

  /* Accent Colors */
  --modus-wc-color-accent: light-dark(
    var(--modus-wc-color-gray-6),
    var(--modus-wc-color-gray-4)
  );
  --modus-wc-color-accent-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-accent-pale: light-dark(
    var(--modus-wc-color-gray-6),
    var(--modus-wc-color-gray-4)
  );

  /* Neutral Colors */
  --modus-wc-color-neutral: light-dark(
    var(--modus-wc-color-base-100),
    var(--modus-wc-color-base-100)
  );
  --modus-wc-color-neutral-content: light-dark(
    var(--modus-wc-color-base-content),
    var(--modus-wc-color-base-content)
  );
  --modus-wc-color-neutral-pale: light-dark(
    var(--modus-wc-color-base-100),
    var(--modus-wc-color-base-100)
  );
  --modus-wc-color-trimble-neutral: light-dark(
    var(--modus-wc-color-trimble-gray),
    var(--modus-wc-color-gray-light)
  );
  --modus-wc-color-trimble-neutral-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-black)
  );

  /* Info Colors */
  --modus-wc-color-info: light-dark(
    var(--modus-wc-color-blue-dark),
    var(--modus-wc-color-blue-light)
  );
  --modus-wc-color-info-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-white)
  );
  --modus-wc-color-info-pale: light-dark(
    var(--modus-wc-color-blue-pale),
    var(--modus-wc-color-blue-pale)
  );

  /* Success Colors */
  --modus-wc-color-success: light-dark(
    var(--modus-wc-color-green-dark),
    var(--modus-wc-color-green-light)
  );
  --modus-wc-color-success-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-success-pale: light-dark(
    var(--modus-wc-color-green-pale),
    var(--modus-wc-color-green-pale)
  );

  /* Warning Colors */
  --modus-wc-color-warning: light-dark(
    var(--modus-wc-color-yellow-dark),
    var(--modus-wc-color-yellow-light)
  );
  --modus-wc-color-warning-content: light-dark(
    var(--modus-wc-color-black),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-warning-pale: light-dark(
    var(--modus-wc-color-yellow-pale),
    var(--modus-wc-color-yellow-pale)
  );

  /* Error Colors */
  --modus-wc-color-error: light-dark(
    var(--modus-wc-color-red),
    var(--modus-wc-color-red-light)
  );
  --modus-wc-color-error-content: light-dark(
    var(--modus-wc-color-white),
    var(--modus-wc-color-black)
  );
  --modus-wc-color-error-pale: light-dark(
    var(--modus-wc-color-red-pale),
    var(--modus-wc-color-red-pale)
  );

  /* Tailwind Colors */
  /* Slate */

  /* Orange */
  --tw-orange-50: #fff7ed;
  --tw-orange-100: #ffedd5;
  --tw-orange-200: #fed7aa;
  --tw-orange-300: #fdba74;
  --tw-orange-400: #fb923c;
  --tw-orange-500: #f97316;
  --tw-orange-600: #ea580c;
  --tw-orange-700: #c2410c;
  --tw-orange-800: #9a3412;
  --tw-orange-900: #7c2d12;
  --tw-orange-950: #431407;

  /* Amber */
  --tw-amber-50: #fffbeb;
  --tw-amber-100: #fef3c7;
  --tw-amber-200: #fde68a;
  --tw-amber-300: #fcd34d;
  --tw-amber-400: #fbbf24;
  --tw-amber-500: #f59e0b;
  --tw-amber-600: #d97706;
  --tw-amber-700: #b45309;
  --tw-amber-800: #92400e;
  --tw-amber-900: #78350f;
  --tw-amber-950: #451a03;

  /* Lime */
  --tw-lime-50: #f7fee7;
  --tw-lime-100: #ecfccb;
  --tw-lime-200: #d9f99d;
  --tw-lime-300: #bef264;
  --tw-lime-400: #a3e635;
  --tw-lime-500: #84cc16;
  --tw-lime-600: #65a30d;
  --tw-lime-700: #4d7c0f;
  --tw-lime-800: #3f6212;
  --tw-lime-900: #365314;
  --tw-lime-950: #1a2e05;

  /* Emerald */
  --tw-emerald-50: #ecfdf5;
  --tw-emerald-100: #d1fae5;
  --tw-emerald-200: #a7f3d0;
  --tw-emerald-300: #6ee7b7;
  --tw-emerald-400: #34d399;
  --tw-emerald-500: #10b981;
  --tw-emerald-600: #059669;
  --tw-emerald-700: #047857;
  --tw-emerald-800: #065f46;
  --tw-emerald-900: #064e3b;
  --tw-emerald-950: #022c22;

  /* Teal */
  --tw-teal-50: #f0fdfa;
  --tw-teal-100: #ccfbf1;
  --tw-teal-200: #99f6e4;
  --tw-teal-300: #5eead4;
  --tw-teal-400: #2dd4bf;
  --tw-teal-500: #14b8a6;
  --tw-teal-600: #0d9488;
  --tw-teal-700: #0f766e;
  --tw-teal-800: #115e59;
  --tw-teal-900: #134e4a;
  --tw-teal-950: #042f2e;

  /* Cyan */
  --tw-cyan-50: #ecfeff;
  --tw-cyan-100: #cffafe;
  --tw-cyan-200: #a5f3fc;
  --tw-cyan-300: #67e8f9;
  --tw-cyan-400: #22d3ee;
  --tw-cyan-500: #06b6d4;
  --tw-cyan-600: #0891b2;
  --tw-cyan-700: #0e7490;
  --tw-cyan-800: #155e75;
  --tw-cyan-900: #164e63;
  --tw-cyan-950: #083344;

  /* Indigo */
  --tw-indigo-50: #eef2ff;
  --tw-indigo-100: #e0e7ff;
  --tw-indigo-200: #c7d2fe;
  --tw-indigo-300: #a5b4fc;
  --tw-indigo-400: #818cf8;
  --tw-indigo-500: #6366f1;
  --tw-indigo-600: #4f46e5;
  --tw-indigo-700: #4338ca;
  --tw-indigo-800: #3730a3;
  --tw-indigo-900: #312e81;
  --tw-indigo-950: #1e1b4b;

  /* Violet */
  --tw-violet-50: #f5f3ff;
  --tw-violet-100: #ede9fe;
  --tw-violet-200: #ddd6fe;
  --tw-violet-300: #c4b5fd;
  --tw-violet-400: #a78bfa;
  --tw-violet-500: #8b5cf6;
  --tw-violet-600: #7c3aed;
  --tw-violet-700: #6d28d9;
  --tw-violet-800: #5b21b6;
  --tw-violet-900: #4c1d95;
  --tw-violet-950: #2e1065;

  /* Purple */
  --tw-purple-50: #faf5ff;
  --tw-purple-100: #f3e8ff;
  --tw-purple-200: #e9d5ff;
  --tw-purple-300: #d8b4fe;
  --tw-purple-400: #c084fc;
  --tw-purple-500: #a855f7;
  --tw-purple-600: #9333ea;
  --tw-purple-700: #7e22ce;
  --tw-purple-800: #6b21a8;
  --tw-purple-900: #581c87;
  --tw-purple-950: #3b0764;

  /* Fuchsia */
  --tw-fuchsia-50: #fdf4ff;
  --tw-fuchsia-100: #fae8ff;
  --tw-fuchsia-200: #f5d0fe;
  --tw-fuchsia-300: #f0abfc;
  --tw-fuchsia-400: #e879f9;
  --tw-fuchsia-500: #d946ef;
  --tw-fuchsia-600: #c026d3;
  --tw-fuchsia-700: #a21caf;
  --tw-fuchsia-800: #86198f;
  --tw-fuchsia-900: #701a75;
  --tw-fuchsia-950: #4a044e;

  /* Pink */
  --tw-pink-50: #fdf2f8;
  --tw-pink-100: #fce7f3;
  --tw-pink-200: #fbcfe8;
  --tw-pink-300: #f9a8d4;
  --tw-pink-400: #f47286;
  --tw-pink-500: #ec4899;
  --tw-pink-600: #db2777;
  --tw-pink-700: #be185d;
  --tw-pink-800: #9d174d;
  --tw-pink-900: #831843;
  --tw-pink-950: #500724;

  /* Rose */
  --tw-rose-50: #fff1f2;
  --tw-rose-100: #ffe4e6;
  --tw-rose-200: #fecdd3;
  --tw-rose-300: #fda4af;
  --tw-rose-400: #fb7185;
  --tw-rose-500: #f43f5e;
  --tw-rose-600: #e11d48;
  --tw-rose-700: #be123c;
  --tw-rose-800: #9f1239;
  --tw-rose-900: #881337;
  --tw-rose-950: #4c0519;

  /* Tailwind Dynamic Colors */

  /* Orange */
  --modus-tw-color-orange-100: light-dark(
    var(--tw-orange-600),
    var(--tw-orange-100)
  );
  --modus-tw-color-orange-200: light-dark(
    var(--tw-orange-700),
    var(--tw-orange-200)
  );
  --modus-tw-color-orange-300: light-dark(
    var(--tw-orange-800),
    var(--tw-orange-300)
  );
  --modus-tw-color-orange-400: light-dark(
    var(--tw-orange-900),
    var(--tw-orange-400)
  );

  /* Amber */
  --modus-tw-color-amber-100: light-dark(
    var(--tw-amber-600),
    var(--tw-amber-100)
  );
  --modus-tw-color-amber-200: light-dark(
    var(--tw-amber-700),
    var(--tw-amber-200)
  );
  --modus-tw-color-amber-300: light-dark(
    var(--tw-amber-800),
    var(--tw-amber-300)
  );
  --modus-tw-color-amber-400: light-dark(
    var(--tw-amber-900),
    var(--tw-amber-400)
  );

  /* Lime */
  --modus-tw-color-lime-100: light-dark(var(--tw-lime-600), var(--tw-lime-100));
  --modus-tw-color-lime-200: light-dark(var(--tw-lime-700), var(--tw-lime-200));
  --modus-tw-color-lime-300: light-dark(var(--tw-lime-800), var(--tw-lime-300));
  --modus-tw-color-lime-400: light-dark(var(--tw-lime-900), var(--tw-lime-400));

  /* Emerald */
  --modus-tw-color-emerald-100: light-dark(
    var(--tw-emerald-600),
    var(--tw-emerald-100)
  );
  --modus-tw-color-emerald-200: light-dark(
    var(--tw-emerald-700),
    var(--tw-emerald-200)
  );
  --modus-tw-color-emerald-300: light-dark(
    var(--tw-emerald-800),
    var(--tw-emerald-300)
  );
  --modus-tw-color-emerald-400: light-dark(
    var(--tw-emerald-900),
    var(--tw-emerald-400)
  );

  /* Teal */
  --modus-tw-color-teal-100: light-dark(var(--tw-teal-600), var(--tw-teal-100));
  --modus-tw-color-teal-200: light-dark(var(--tw-teal-700), var(--tw-teal-200));
  --modus-tw-color-teal-300: light-dark(var(--tw-teal-800), var(--tw-teal-300));
  --modus-tw-color-teal-400: light-dark(var(--tw-teal-900), var(--tw-teal-400));

  /* Cyan */
  --modus-tw-color-cyan-100: light-dark(var(--tw-cyan-600), var(--tw-cyan-100));
  --modus-tw-color-cyan-200: light-dark(var(--tw-cyan-700), var(--tw-cyan-200));
  --modus-tw-color-cyan-300: light-dark(var(--tw-cyan-800), var(--tw-cyan-300));
  --modus-tw-color-cyan-400: light-dark(var(--tw-cyan-900), var(--tw-cyan-400));

  /* Indigo */
  --modus-tw-color-indigo-100: light-dark(
    var(--tw-indigo-600),
    var(--tw-indigo-100)
  );
  --modus-tw-color-indigo-200: light-dark(
    var(--tw-indigo-700),
    var(--tw-indigo-200)
  );
  --modus-tw-color-indigo-300: light-dark(
    var(--tw-indigo-800),
    var(--tw-indigo-300)
  );
  --modus-tw-color-indigo-400: light-dark(
    var(--tw-indigo-900),
    var(--tw-indigo-400)
  );

  /* Violet */
  --modus-tw-color-violet-100: light-dark(
    var(--tw-violet-600),
    var(--tw-violet-100)
  );
  --modus-tw-color-violet-200: light-dark(
    var(--tw-violet-700),
    var(--tw-violet-200)
  );
  --modus-tw-color-violet-300: light-dark(
    var(--tw-violet-800),
    var(--tw-violet-300)
  );
  --modus-tw-color-violet-400: light-dark(
    var(--tw-violet-900),
    var(--tw-violet-400)
  );

  /* Purple */
  --modus-tw-color-purple-100: light-dark(
    var(--tw-purple-600),
    var(--tw-purple-100)
  );
  --modus-tw-color-purple-200: light-dark(
    var(--tw-purple-700),
    var(--tw-purple-200)
  );
  --modus-tw-color-purple-300: light-dark(
    var(--tw-purple-800),
    var(--tw-purple-300)
  );
  --modus-tw-color-purple-400: light-dark(
    var(--tw-purple-900),
    var(--tw-purple-400)
  );

  /* Fuchsia */
  --modus-tw-color-fuchsia-100: light-dark(
    var(--tw-fuchsia-600),
    var(--tw-fuchsia-100)
  );
  --modus-tw-color-fuchsia-200: light-dark(
    var(--tw-fuchsia-700),
    var(--tw-fuchsia-200)
  );
  --modus-tw-color-fuchsia-300: light-dark(
    var(--tw-fuchsia-800),
    var(--tw-fuchsia-300)
  );
  --modus-tw-color-fuchsia-400: light-dark(
    var(--tw-fuchsia-900),
    var(--tw-fuchsia-400)
  );

  /* Pink */
  --modus-tw-color-pink-100: light-dark(var(--tw-pink-600), var(--tw-pink-100));
  --modus-tw-color-pink-200: light-dark(var(--tw-pink-700), var(--tw-pink-200));
  --modus-tw-color-pink-300: light-dark(var(--tw-pink-800), var(--tw-pink-300));
  --modus-tw-color-pink-400: light-dark(var(--tw-pink-900), var(--tw-pink-400));

  /* Rose */
  --modus-tw-color-rose-100: light-dark(var(--tw-rose-600), var(--tw-rose-100));
  --modus-tw-color-rose-200: light-dark(var(--tw-rose-700), var(--tw-rose-200));
  --modus-tw-color-rose-300: light-dark(var(--tw-rose-800), var(--tw-rose-300));
  --modus-tw-color-rose-400: light-dark(var(--tw-rose-900), var(--tw-rose-400));
}

/* ===== Theme Overrides ===== */

/* Modus Modern Themes */
[data-theme='modus-modern-light']:root {
  color-scheme: light;
  --modus-wc-color-base-page: var(--modus-wc-color-white);
  --modus-wc-color-base-100: var(--modus-wc-color-gray-01);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-02);
  --modus-wc-color-base-300: var(--modus-wc-color-gray-1);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-10);
  --modus-wc-color-primary: var(--modus-wc-color-trimble-blue);
  --modus-wc-color-primary-content: var(--modus-wc-color-white);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-info-blue);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 0.25rem;
  --border-btn: 1px;
  --btn-focus-scale: 0.98;
  --rounded-btn: 0.5rem;
  --rounded-box: 1rem;
  --tab-radius: 0.25rem;
  --alert-border-left-width: 0.5rem;
  --alert-border-width: 1px;
  --alert-border-radius: 0.5rem;
  --input-bottom-border-width: 1px;
  --p: 48.6221% 0.128075 247.073947;
  --pc: 100% 0 0;
  --s: 80.3357% 0.161017 74.410202;
  --sc: 0% 0 0;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 84.9436% 0.012605 276.068713;
  --nc: 28.1705% 0.01025 242.054501;
  --b1: 100% 0 0;
  --b2: 84.9436% 0.012605 276.068713;
  --b3: 78.7221% 0.014241 277.004909;
  --bc: 28.1705% 0.01025 242.054501;
  --in: 48.6221% 0.128075 247.073947;
  --inc: 100% 0 0;
  --su: 44.8187% 0.110914 154.947561;
  --suc: 100% 0 0;
  --wa: 72.9405% 0.149372 67.994075;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 57.1169% 0.215546 25.349404;
  --erc: 100% 0 0;
}

[data-theme='modus-modern-dark']:root {
  color-scheme: dark;
  --modus-wc-color-base-page: var(--modus-wc-color-gray-10);
  --modus-wc-color-base-100: var(--modus-wc-color-gray-9);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-8);
  --modus-wc-color-base-300: var(--modus-wc-color-trimble-gray);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-1);
  --modus-wc-color-primary: var(--modus-wc-color-highlight-blue);
  --modus-wc-color-primary-content: var(--modus-wc-color-black);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-white);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 0.25rem;
  --border-btn: 1px;
  --btn-focus-scale: 0.98;
  --rounded-btn: 0.5rem;
  --rounded-box: 1rem;
  --tab-radius: 0.25rem;
  --alert-border-left-width: 0.5rem;
  --alert-border-width: 1px;
  --alert-border-radius: 0.5rem;
  --input-bottom-border-width: 1px;
  --p: 65.9524% 0.159801 243.168715;
  --pc: 0% 0 0;
  --s: 84.7174% 0.139742 78.603787;
  --sc: 0% 0 0;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 34.6043% 0.012501 252.973394;
  --nc: 100% 0 0;
  --b1: 22.215% 0.008445 223.858126;
  --b2: 34.6043% 0.012501 252.973394;
  --b3: 41.0842% 0.013405 256.755726;
  --bc: 100% 0 0;
  --in: 56.5592% 0.127092 244.53102;
  --inc: 100% 0 0;
  --su: 64.9048% 0.158119 142.023063;
  --suc: 0% 0 0;
  --wa: 84.7174% 0.139742 78.603787;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 66.6026% 0.165819 22.664876;
  --erc: 0% 0 0;
}

/* Modus Classic Themes */
[data-theme='modus-classic-light']:root {
  color-scheme: light;
  --modus-wc-color-base-page: var(--modus-wc-color-white);
  --modus-wc-color-base-100: var(--modus-wc-color-gray-light);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-1);
  --modus-wc-color-base-300: var(--modus-wc-color-gray-2);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-10);
  --modus-wc-color-info: var(--modus-wc-color-trimble-blue);
  --modus-wc-color-success: var(--modus-wc-color-green);
  --modus-wc-color-error: var(--modus-wc-color-red);
  --modus-wc-color-warning: var(--modus-wc-color-yellow);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-info-blue);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 0.25rem;
  --border-btn: 1px;
  --btn-focus-scale: 0.98;
  --rounded-btn: 0.25rem;
  --rounded-box: 0.5rem;
  --tab-radius: 0.25rem;
  --alert-border-left-width: 0.5rem;
  --alert-border-width: 1px;
  --alert-border-radius: 0.5rem;
  --input-bottom-border-width: 1px;
  --p: 48.6221% 0.128075 247.073947;
  --pc: 100% 0 0;
  --s: 53.8572% 0.017812 269.820069;
  --sc: 100% 0 0;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 84.9436% 0.012605 276.068713;
  --nc: 28.1705% 0.01025 242.054501;
  --b1: 100% 0 0;
  --b2: 84.9436% 0.012605 276.068713;
  --b3: 78.7221% 0.014241 277.004909;
  --bc: 28.1705% 0.01025 242.054501;
  --in: 48.6221% 0.128075 247.073947;
  --inc: 100% 0 0;
  --su: 55.824% 0.14148 150.027193;
  --suc: 100% 0 0;
  --wa: 80.3357% 0.161017 74.410202;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 57.1169% 0.215546 25.349404;
  --erc: 100% 0 0;
}

[data-theme='modus-classic-dark']:root {
  color-scheme: dark;
  --modus-wc-color-base-page: var(--modus-wc-color-black);
  --modus-wc-color-base-100: var(--modus-wc-color-trimble-gray);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-8);
  --modus-wc-color-base-300: var(--modus-wc-color-gray-9);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-1);
  --modus-wc-color-info: var(--modus-wc-color-trimble-blue);
  --modus-wc-color-success: var(--modus-wc-color-green);
  --modus-wc-color-error: var(--modus-wc-color-red);
  --modus-wc-color-warning: var(--modus-wc-color-yellow);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-white);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 0.25rem;
  --border-btn: 1px;
  --btn-focus-scale: 0.98;
  --rounded-btn: 0.25rem;
  --rounded-box: 0.5rem;
  --tab-radius: 0.25rem;
  --alert-border-left-width: 0.5rem;
  --alert-border-width: 1px;
  --alert-border-radius: 0.5rem;
  --input-bottom-border-width: 1px;
  --p: 48.6221% 0.128075 247.073947;
  --pc: 100% 0 0;
  --s: 80.3357% 0.161017 74.410202;
  --sc: 28.1705% 0.01025 242.054501;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 34.6043% 0.012501 252.973394;
  --nc: 100% 0 0;
  --b1: 22.215% 0.008445 223.858126;
  --b2: 34.6043% 0.012501 252.973394;
  --b3: 41.0842% 0.013405 256.755726;
  --bc: 100% 0 0;
  --in: 48.6221% 0.128075 247.073947;
  --inc: 100% 0 0;
  --su: 55.824% 0.14148 150.027193;
  --suc: 100% 0 0;
  --wa: 80.3357% 0.161017 74.410202;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 57.1169% 0.215546 25.349404;
  --erc: 100% 0 0;
}

/* Connect Themes */
[data-theme='connect-light']:root {
  color-scheme: light;
  --modus-wc-color-base-page: var(--modus-wc-color-white);
  --modus-wc-color-base-100: var(--modus-wc-color-gray-light);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-1);
  --modus-wc-color-base-300: var(--modus-wc-color-gray-2);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-10);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-info-blue);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 2px;
  --border-btn: 1px;
  --btn-focus-scale: 1;
  --rounded-btn: 2px;
  --rounded-box: 0;
  --tab-radius: 0;
  --alert-border-left-width: 0;
  --alert-border-width: 0;
  --alert-border-radius: 4px;
  --input-bottom-border-width: 2px;
  --input-radius: 2px;
  --p: 47.3235% 0.12603 247.547196;
  --pc: 100% 0 0;
  --s: 52.6234% 0.020228 289.216784;
  --sc: 100% 0 0;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 84.9436% 0.012605 276.068713;
  --nc: 28.1705% 0.01025 242.054501;
  --b1: 100% 0 0;
  --b2: 84.9436% 0.012605 276.068713;
  --b3: 78.7221% 0.014241 277.004909;
  --bc: 28.1705% 0.01025 242.054501;
  --in: 48.6221% 0.128075 247.073947;
  --inc: 100% 0 0;
  --su: 66.4599% 0.13954 132.331914;
  --suc: 100% 0 0;
  --wa: 83.8398% 0.172209 83.573967;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 56.8372% 0.205089 24.549972;
  --erc: 100% 0 0;
}

[data-theme='connect-dark']:root {
  color-scheme: dark;
  --modus-wc-color-base-page: var(--modus-wc-color-black);
  --modus-wc-color-base-100: var(--modus-wc-color-trimble-gray);
  --modus-wc-color-base-200: var(--modus-wc-color-gray-8);
  --modus-wc-color-base-300: var(--modus-wc-color-gray-9);
  --modus-wc-color-base-content: var(--modus-wc-color-gray-1);
  --modus-wc-color-info-blue-on-dark: var(--modus-wc-color-white);
  --animation-btn: 0.3s;
  --animation-input: 0.2s;
  --tab-border: 1px;
  --rounded-badge: 2px;
  --border-btn: 1px;
  --btn-focus-scale: 1;
  --rounded-btn: 2px;
  --rounded-box: 0;
  --tab-radius: 0;
  --alert-border-left-width: 0;
  --alert-border-width: 0;
  --alert-border-radius: 4px;
  --input-bottom-border-width: 2px;
  --input-radius: 2px;
  --p: 65.9524% 0.159801 243.168715;
  --pc: 0% 0 0;
  --s: 95.9569% 0.006653 286.273689;
  --sc: 0% 0 0;
  --a: 53.8572% 0.017812 269.820069;
  --ac: 100% 0 0;
  --n: 34.6043% 0.012501 252.973394;
  --nc: 100% 0 0;
  --b1: 22.215% 0.008445 223.858126;
  --b2: 34.6043% 0.012501 252.973394;
  --b3: 41.0842% 0.013405 256.755726;
  --bc: 100% 0 0;
  --in: 56.5592% 0.127092 244.53102;
  --inc: 100% 0 0;
  --su: 64.9048% 0.158119 142.023063;
  --suc: 0% 0 0;
  --wa: 84.7174% 0.139742 78.603787;
  --wac: 28.1705% 0.01025 242.054501;
  --er: 66.6026% 0.165819 22.664876;
  --erc: 0% 0 0;
}
@font-face {
  font-family: 'modus-icons';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-outlined/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'modus-icons-outlined';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-outlined/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'modus-icons-solid';
  src: url('https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1/dist/modus-solid/fonts/modus-icons.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

.modus-icons-outlined {
  font-family: 'modus-icons-outlined';
  font-style: normal;
  font-weight: normal;
}

.modus-icons-solid {
  font-family: 'modus-icons-solid';
  font-style: normal;
  font-weight: normal;
}

.modus-icons {
  font-family: 'modus-icons';
  font-style: normal;
  font-weight: normal;
}

/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* @import '_variables.scss'; */
#onetrust-banner-sdk #onetrust-signout-btn-handler {
  background-color: #6cc04a;
  color: #fff;
  border-color: #6cc04a;
  min-width: 135px;
  padding: 12px 10px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-size: 0.813em;
  font-weight: 600;
  height: auto;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
}

@media only screen and (max-width: 425px) {
  #onetrust-banner-sdk #onetrust-signout-btn-handler {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1048px) {
  #onetrust-banner-sdk #onetrust-signout-btn-handler {
    margin-left: 1em;
  }
}

#onetrust-banner-sdk #onetrust-signout-btn-handler {
  outline-offset: 1px;
}

#onetrust-consent-sdk #onetrust-signout-btn-handler {
  background-color: #1371c3;
  border-color: #1371c3;
  color: #ffffff;
}
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  height: 100%;
}

* {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

ul,
li,
h2 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active {
  outline: 0;
}

@media (hover) {
  a:hover {
    outline: 0;
  }
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-transparent,
.bg-none {
  background-color: transparent !important;
}

.bg-trimble_blue_dark {
  background-color: #002d5b !important;
}

.bg-trimble_blue {
  background-color: #00437b !important;
}

.bg-trimble_blue_mid {
  background-color: #005f9e !important;
}

.bg-trimble_blue_light {
  background-color: #009ad9 !important;
}

.bg-trimble_yellow {
  background-color: #ffbe00 !important;
}

.bg-trimble_green {
  background-color: #4d6f33 !important;
}

.bg-trimble_red {
  background-color: #a51d25 !important;
}

.bg-gray_half {
  background-color: #f9f9fb !important;
}

.bg-gray_light {
  background-color: #f3f3f7 !important;
}

.bg-gray_0 {
  background-color: #eaeaef !important;
}

.bg-gray_1 {
  background-color: #e2e2e7 !important;
}

.bg-gray_2 {
  background-color: #d0d0d7 !important;
}

.bg-gray_3 {
  background-color: #bfbfc6 !important;
}

.bg-gray_4 {
  background-color: #aeaeb6 !important;
}

.bg-gray_5 {
  background-color: #9d9da6 !important;
}

.bg-gray_6 {
  background-color: #8c8b96 !important;
}

.bg-gray_7 {
  background-color: #7b7a86 !important;
}

.bg-gray_8 {
  background-color: #6a6976 !important;
}

.bg-gray_9 {
  background-color: #595868 !important;
}

.bg-gray_10 {
  background-color: #474655 !important;
}

.bg-trimble_gray {
  background-color: #363545 !important;
}

.bg-gray_dark_1 {
  background-color: #262533 !important;
}

.bg-gray_dark_2 {
  background-color: #1b1a26 !important;
}

.bg-gray_dark_3 {
  background-color: #0b0a12 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-blue {
  background-color: #0d6aa8 !important;
}

.bg-blue_alt {
  background-color: #0c77be !important;
}

.bg-blue_light {
  background-color: #197cb6 !important;
}

.bg-blue_dark {
  background-color: #07599b !important;
}

.bg-blue_pale {
  background-color: #cfe1ee !important;
}

.bg-blue_pale_alt {
  background-color: #e5f0f8 !important;
}

.bg-green {
  background-color: #5e9331 !important;
}

.bg-green_light {
  background-color: #72a544 !important;
}

.bg-green_dark {
  background-color: #4a821f !important;
}

.bg-green_pale {
  background-color: #dfe9d6 !important;
}

.bg-yellow {
  background-color: #ffbe00 !important;
}

.bg-yellow_light {
  background-color: #ffd200 !important;
}

.bg-yellow_dark {
  background-color: #ffa500 !important;
}

.bg-yellow_pale {
  background-color: #fff2cc !important;
}

.bg-orange {
  background-color: #ff8b00 !important;
}

.bg-orange_light {
  background-color: #ffa500 !important;
}

.bg-orange_dark {
  background-color: #ff6e00 !important;
}

.bg-orange_pale {
  background-color: #ffe8cc !important;
}

.bg-red {
  background-color: #c81922 !important;
}

.bg-red_light {
  background-color: #d52a33 !important;
}

.bg-red_dark {
  background-color: #bc0911 !important;
}

.bg-red_pale {
  background-color: #f4d1d3 !important;
}

/* System status colors */
.status-success {
  color: #2ecc71 !important;
}

.status-partial {
  color: #e67e22 !important;
}

.status-major {
  color: #e74c3c !important;
}

.text-gray_4 {
  color: #aeaeb6 !important;
}

.text-red_light {
  color: #d52a33 !important;
} /* Critical */
.text-yellow_dark {
  color: #ffa500 !important;
} /* High */
.text-trimble_blue_mid {
  color: #005f9e !important;
} /* Normal */
.text-green_light {
  color: #72a544 !important;
} /* Low */
.text-gray_3 {
  color: #bfbfc6 !important;
} /* closed */
.text-gray_8 {
  color: #6a6976 !important;
}

.text-white,
.textWhite,
.text_col_white {
  color: #ffffff !important;
}

.text-trimble_blue_dark {
  color: #002d5b !important;
}

.text-trimble_blue {
  color: #00437b !important;
}

.text-trimble_blue_mid,
.text_col_trimble_blue_mid,
.normal {
  color: #005f9e !important;
}

.text-trimble_blue_light {
  color: #009ad9 !important;
}

.text-trimble_yellow,
.high {
  color: #ffbe00 !important;
}

.text-trimble_green {
  color: #4d6f33 !important;
}

.text-trimble_red {
  color: #a51d25 !important;
}

.text-gray_half {
  color: #f9f9fb !important;
}

.text-gray_light {
  color: #f3f3f7 !important;
}

.text-gray_0 {
  color: #eaeaef !important;
}

.text-gray_1 {
  color: #e2e2e7 !important;
}

.text-gray_2 {
  color: #d0d0d7 !important;
}

.text-gray_3 {
  color: #bfbfc6 !important;
}

.text-gray_4 {
  color: #aeaeb6 !important;
}

.text-gray_5 {
  color: #9d9da6 !important;
}

.text-gray_6 {
  color: #8c8b96 !important;
}

.text-gray_7 {
  color: #7b7a86 !important;
}

.text-gray_8 {
  color: #6a6976 !important;
}

.text-gray_9 {
  color: #595868 !important;
}

.text-gray_10 {
  color: #474655 !important;
}

.text-trimble_gray {
  color: #363545 !important;
}

.text-gray_dark_1 {
  color: #262533 !important;
}

.text-gray_dark_2 {
  color: #1b1a26 !important;
}

.text-gray_dark_3 {
  color: #0b0a12 !important;
}

.text-black {
  color: #000000 !important;
}

.text-blue {
  color: #0d6aa8 !important;
}

.text-blue_alt {
  color: #0c77be !important;
}

.text-blue_light {
  color: #197cb6 !important;
}

.text-blue_dark {
  color: #07599b !important;
}

.text-blue_pale {
  color: #cfe1ee !important;
}

.text-blue_pale_alt {
  color: #e5f0f8 !important;
}

.text-green {
  color: #5e9331 !important;
}

.text-green_light,
.low {
  color: #72a544 !important;
}

.text-green_dark {
  color: #4a821f !important;
}

.text-green_pale {
  color: #dfe9d6 !important;
}

.text-yellow {
  color: #ffbe00 !important;
}

.text-yellow_light {
  color: #ffd200 !important;
}

.text-yellow_dark {
  color: #ffa500 !important;
}

.text-yellow_pale {
  color: #fff2cc !important;
}

.text-orange {
  color: #ff8b00 !important;
}

.text-orange_light {
  color: #ffa500 !important;
}

.text-orange_dark {
  color: #ff6e00 !important;
}

.text-orange_pale {
  color: #ffe8cc !important;
}

.text-red,
.textRed,
.text_col_red,
.critical {
  color: #c81922 !important;
}

.text-red_light {
  color: #d52a33 !important;
}

.text-red_dark {
  color: #bc0911 !important;
}

.text-red_pale {
  color: #f4d1d3 !important;
}

.center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-flow: row nowrap;
}

.flex-column {
  display: flex;
  flex-flow: column nowrap;
}

.flex-row-wrap {
  display: flex;
  flex-flow: row wrap;
}

.flex-column-center {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.vertical-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.align-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.end {
  display: flex;
  justify-content: flex-end;
}

.row-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.row-distribute {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.row-wrap-distribute {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-1 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.flex-0 {
  flex: 0 0 auto !important;
}

.justify-column-center {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.inline-flex {
  display: inline-flex !important;
}

.inline-block {
  display: inline-block !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.no-ellipsis {
  text-overflow: inherit !important;
  overflow: inherit !important;
  white-space: normal !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-prewrap {
  white-space: pre-wrap !important;
  word-wrap: break-word;
}

.text-nowrap {
  white-space: nowrap;
}

/* Text color styles */
.text-meta {
  color: #6a6976 !important;
}

.text-muted {
  color: #8c8b96;
}

.underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

html {
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
.h1 {
  font-size: 1.25rem;
  font-weight: 400;
}

h2,
.h2 {
  font-size: 1.375rem;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 1.125rem;
  font-weight: 600;
}

h4,
.h4 {
  font-size: 0.975rem;
  font-weight: 400;
}

h5,
.h5 {
  font-size: 0.875rem;
  font-weight: 600;
}

h6,
.h6 {
  font-size: 0.687rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

p {
  margin: 0;
  font-size: 0.875rem;
}

small,
.small {
  font-size: 0.75rem !important;
}

.medium {
  font-size: 0.9rem;
}

b,
strong,
.text-semibold {
  font-weight: 600;
}

caption {
  font-size: 0.675rem;
}

a {
  color: #005f9e;
  font-size: inherit;
  font-weight: 600;
  text-decoration: underline;
}
a.link-secondary {
  color: #363545;
  text-decoration: none;
}

@media (hover) {
  a.link-secondary:hover {
    text-decoration: underline;
  }
}
.text-bold {
  font-weight: 700;
}

.sub-text {
  color: #6a6976;
  font-size: 0.75rem;
}

.strike-through {
  text-decoration: line-through;
}

.italic {
  font-style: italic;
}

.capitalize {
  text-transform: capitalize;
}

.error {
  color: #c81922;
}

.section-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 2.5rem;
  margin: 0.5rem 0 0;
  border-top: 0.0625rem solid #d0d0d7;
}
.section-header.border-bottom {
  margin: 0.5rem 0;
  border-top: 0;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.section-header :first-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section-header.no-border {
  margin: 0.5rem 0 0;
  border-top: 0;
}
.section-header.group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 992px) {
  h1,
  .h1 {
    font-size: 1.125rem;
  }
}
/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  h1,
  .h1 {
    font-size: 1rem;
  }
}
/*Shadow as per documentation*/
.shadow {
  box-shadow: 0 0 0.25rem #aeaeb6;
}

.shadow-small {
  box-shadow: 0 0 0.125rem #aeaeb6;
}

.shadow-large {
  box-shadow: 0 0 0.375rem #aeaeb6;
}

body {
  height: 100%;
  color: #363545;
  background-color: #f3f3f7;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.thumbnailSection {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
}
.thumbnail img {
  height: 100%;
  max-height: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.thumbnail.micro {
  max-width: 1.5rem;
  max-height: 1.5rem;
  overflow: hidden;
}
.thumbnail.micro > i {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.thumbnail.large {
  width: 5.5rem;
  height: 5.5rem;
}
.thumbnail.medium {
  width: 4.7rem;
  height: 4.7rem;
}

.backgroundNoRepeat {
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.circle {
  border-radius: 50% !important;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.vhidden {
  visibility: hidden !important;
}

.relative {
  position: relative;
}

hr {
  margin: 1rem 0;
  border: none;
  border-top: solid 0.0625rem #d0d0d7;
}

.overflow-unset {
  overflow: unset !important;
}

.dd-position-fixed {
  position: fixed !important;
  left: auto !important;
}

.dropdown-pane-container.select-menu .dropdown-pane.dd-position-fixed {
  top: auto;
}
.dropdown-pane-container.regions-dd.disabled {
  cursor: not-allowed !important;
}

.rounded {
  border-radius: 50% !important;
}

.pointer {
  cursor: pointer;
}

.no-pointer {
  cursor: default !important;
}

.not-allowed {
  cursor: not-allowed !important;
}

.m-width-0 {
  min-width: 0 !important;
}

.max-width-100 {
  max-width: 100%;
}

.bordered {
  border: solid 0.0625rem #d0d0d7;
}

.borderless {
  border: none !important;
}

@media (max-width: 992px) {
  .dd-position-fixed {
    position: absolute !important;
  }
}
img.i16 {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}

.wrap-buttons,
.wrap-buttons-footer {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.wrap-buttons > button,
.wrap-buttons-footer > button {
  margin-left: 1rem;
}

.heightInherit {
  height: inherit;
}

.object-fit-contain {
  object-fit: contain !important;
}

.w-100 {
  width: 100%;
}

.w-auto {
  min-width: auto !important;
}

.r-auto {
  right: auto;
}

.fade {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  animation: fadeInOut ease-in-out 7s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (-ms-high-contrast: none) {
  /*  .icon-font{
        line-height: 1.25 !important;
    } */
}
@supports (-ms-ime-align: auto) {
  /*  .icon-font{
        line-height: 1.25 !important;
    } */
}
/*!
 * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.list-data .chips.non-editable.tags-in-table {
  max-width: none !important;
  margin: 0 0.5rem 0 0;
}

.chips {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  height: 2rem;
  width: auto !important;
  max-width: 100%;
  padding-left: 0.75rem;
  margin: 0.5rem 0.5rem 0 0;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #eaeaef;
  color: #6a6976;
  font-size: 0.875rem;
}
.chips span {
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chips button {
  color: #6a6976;
}
.chips button:hover {
  background-color: #d0d0d7;
}
.chips button:active, .chips button.active {
  background-color: #bfbfc6;
  color: #6a6976;
}
.chips button:active i, .chips button.active i {
  color: #6a6976;
}
.chips button.icon-small {
  padding: 0.5rem;
}
.chips.error {
  background-color: rgba(200, 25, 34, 0.2);
  color: #c81922;
}
.chips.error button {
  color: #c81922;
}
.chips.error button:hover {
  background-color: rgba(200, 25, 34, 0.3);
}
.chips.error button:active, .chips.error button.active {
  background-color: rgba(200, 25, 34, 0.4);
  color: #c81922;
}
.chips.error button:active i, .chips.error button.active i {
  color: #c81922;
}
.chips.non-editable {
  padding: 0 0.45rem;
  margin: 0 0.5rem 0.5rem 0;
  max-width: 16rem;
}
.chips.non-editable span {
  max-width: 100%;
}
.chips.circle {
  min-width: 2rem;
  justify-content: center;
}
.chips.circle span {
  text-overflow: inherit;
}
.chips.rectangle {
  border-radius: 2px;
}
.chips.xs {
  min-height: 1.25rem;
  height: 1.25rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  font-size: 0.6875rem;
  font-weight: 600;
  margin: 0;
}
.chips.xs span {
  font-size: 0.6875rem;
}
.chips.small {
  min-height: 1.5rem;
  height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  margin: 0.25rem 0.5rem 0 0;
}
.chips.small span {
  font-size: 0.875rem;
}

/*table*/
.table-list {
  font-size: 0.875rem;
  position: relative;
}
.table-list .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
  padding: 0 !important;
  margin-left: 0.25rem;
  margin-bottom: 0 !important;
  border-radius: 0;
  border: none !important;
}
.table-list .thumbnail img {
  height: 100%;
  max-height: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.table-list .active .thumbnail.checkbox,
.table-list [data-summarizing=true] .thumbnail.checkbox {
  display: none;
}
.table-list .table-list-item {
  align-items: center;
  margin: 0;
  height: 4rem;
  border-bottom: 0.0625rem solid #d0d0d7;
  background-color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}
.table-list .table-list-item:not(.active) .thumbnail.checkbox + .input-group.checkradio {
  display: none;
}
.table-list .table-list-item.active, .table-list .table-list-item[data-summarizing=true] {
  background-color: #e5f0f8;
}
.table-list .table-list-item.active .icon-font,
.table-list .table-list-item.active .list-data, .table-list .table-list-item[data-summarizing=true] .icon-font,
.table-list .table-list-item[data-summarizing=true] .list-data {
  color: #005f9e;
}
.table-list .table-list-item.active .list-data .link-secondary, .table-list .table-list-item[data-summarizing=true] .list-data .link-secondary {
  color: #005f9e !important;
}
.table-list .table-list-item.active .chips, .table-list .table-list-item[data-summarizing=true] .chips {
  background-color: #f9f9fb;
}
.table-list .table-list-item.locked {
  position: relative;
}
.table-list .table-list-item.locked:hover {
  background-color: #ffffff;
  cursor: default;
}
.table-list .table-list-item.locked .list-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.4);
  align-items: center;
  padding: 1.25rem;
}
.table-list .table-list-item .input-group {
  margin-bottom: 0;
  align-content: center;
}
.table-list .table-list-item.no-hover:hover {
  background-color: #ffffff;
  cursor: unset;
}
.table-list .table-list-item .chips {
  font-weight: 600;
}
.table-list .table-list-item:hover {
  background-color: #eaeaef;
  cursor: pointer;
}
.table-list .table-list-item:hover .thumbnail.checkbox + .input-group.checkradio {
  display: flex;
}
.table-list .table-list-item:hover .thumbnail.checkbox {
  display: none;
}
.table-list .table-list-item:hover .chips {
  background-color: #f9f9fb;
}
.table-list .table-list-item[data-summarizing=true]:hover {
  background-color: #e5f0f8;
}
.table-list .table-list-item-internal {
  align-items: center;
  margin: 0;
  height: 4rem;
  border-bottom: 0.0625rem solid #d0d0d7;
  background-color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}
.table-list .table-list-item-internal:not(.active) .thumbnail.checkbox + .input-group.checkradio {
  display: none;
}
.table-list .table-list-item-internal.active, .table-list .table-list-item-internal[data-summarizing=true] {
  background-color: #e5f0f8;
}
.table-list .table-list-item-internal.active .icon-font,
.table-list .table-list-item-internal.active .list-data, .table-list .table-list-item-internal[data-summarizing=true] .icon-font,
.table-list .table-list-item-internal[data-summarizing=true] .list-data {
  color: #005f9e;
}
.table-list .table-list-item-internal.active .list-data .link-secondary, .table-list .table-list-item-internal[data-summarizing=true] .list-data .link-secondary {
  color: #005f9e !important;
}
.table-list .table-list-item-internal.active .chips, .table-list .table-list-item-internal[data-summarizing=true] .chips {
  background-color: #f9f9fb;
}
.table-list .table-list-item-internal.locked {
  position: relative;
}
.table-list .table-list-item-internal.locked:hover {
  background-color: #ffffff;
  cursor: default;
}
.table-list .table-list-item-internal.locked .list-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.4);
  align-items: center;
  padding: 1.25rem;
}
.table-list .table-list-item-internal .input-group {
  margin-bottom: 0;
  align-content: center;
}
.table-list .table-list-item-internal.no-hover:hover {
  background-color: #ffffff;
  cursor: unset;
}
.table-list .table-list-item-internal .chips {
  font-weight: 600;
}
@media (hover) {
  .table-list .table-list-item-internal:hover {
    background-color: #eaeaef;
    cursor: pointer;
  }
  .table-list .table-list-item-internal:hover .thumbnail.checkbox + .input-group.checkradio {
    display: flex;
  }
  .table-list .table-list-item-internal:hover .thumbnail.checkbox {
    display: none;
  }
  .table-list .table-list-item-internal:hover .chips {
    background-color: #f9f9fb;
  }
  .table-list .table-list-item-internal[data-summarizing=true]:hover {
    background-color: #e5f0f8;
  }
}
.table-list .table-list-head {
  height: 3.5rem;
  color: #6a6976;
  background-color: #f9f9fb;
  font-weight: 600;
  z-index: 1;
}
.table-list .table-list-head:hover {
  background-color: #f9f9fb;
  cursor: default;
}
.table-list .list-data {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-list .list-data > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-list .sort-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-weight: 600;
}
.table-list .sort-head > i {
  margin-left: 0.5rem;
}
.table-list .sort-head.sort-toggle {
  cursor: pointer;
}
.table-list .sort-head.sort-toggle:hover {
  color: #363545;
}
.table-list .sort-head.highlight {
  color: #0b0a12;
}
.table-list .sort-head.no-sort {
  font-weight: 600;
  cursor: unset;
}
.table-list.mini .table-list-item {
  height: 3rem;
}
.table-list.mini .table-list-head {
  height: 2.5rem;
}
.table-list .w-max {
  width: max-content !important;
  max-width: 100%;
}

.multiselect-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  border-bottom: 2px solid #005f9e;
  z-index: 5;
  align-items: center;
  height: 4rem;
}
.multiselect-menu .button-group {
  display: flex;
  flex-flow: row nowrap;
}
.multiselect-menu .button-group.selections button:first-child {
  min-width: 2rem;
}
.multiselect-menu .button-group.selections button.dropdownpane-link {
  padding: 0;
  min-width: 1.5rem;
}

.sticky-header {
  position: sticky;
  z-index: 3;
  top: 0;
  border-top: 0.5rem solid #f3f3f7;
}

@media (max-width: 767px) {
  .table-list .table-list-head {
    height: 3rem;
  }
  .multiselect-menu {
    height: 3rem;
  }
  .multiselect-menu.no-resize {
    height: 4rem;
  }
}
.list-data-small {
  display: none;
  color: #9d9da6;
  font-size: 0.75rem;
  font-weight: normal;
}

/* Mobile */
@media (max-width: 576px) {
  .list-data-small {
    display: block;
  }
}
.DragHandle {
  height: 100%;
  width: 0.5rem;
  min-width: 0.5rem;
}
.DragHandle:hover, .DragHandle:active {
  background-color: #d0d0d7;
  border-right: solid 1px #005f9e !important;
  cursor: col-resize;
}

.DragBorder {
  border-right: solid 1px #005f9e !important;
}

.lock-overlay {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.rotate45 {
  transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.25s ease-in-out;
}

.rotate90 {
  transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.25s ease-in-out;
}

.rotate180 {
  transform: rotate(-180deg);
  transform: rotate(-180deg);
  transition: 0.25s ease-in-out;
}

.slide-up {
  animation-name: slide-up;
  animation-duration: 1s;
  animation-iteration-count: initial;
}

@keyframes slide-up {
  0% {
    top: 0;
  }
  100% {
    top: -60px;
  }
}
.dropdown-footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0 -1rem 0;
  padding: 0.5rem 1rem 0.7rem;
  border-top: solid 0.0625rem #d0d0d7;
  background-color: #f9f9fb;
  min-height: 3.75rem;
}
.dropdown-footer .sub-text {
  font-size: 0.625rem;
  color: #8c8b96;
  line-height: 1.25;
}
.dropdown-footer i:hover {
  color: #005f9e;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1020;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.45);
  overflow: hidden;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.reveal-overlay.transparent {
  background-color: transparent;
}

.reveal-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  pointer-events: none;
}

.reveal {
  position: relative;
  z-index: 1025;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 29.5rem;
  max-width: 29.5rem;
  max-height: none;
  padding: 0;
  pointer-events: auto;
  background-color: #f9f9fb;
  background-clip: padding-box;
  box-shadow: 0 0 0.375rem #aeaeb6;
  outline: 0;
  backface-visibility: hidden;
  overflow: hidden;
}
.reveal > header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  min-height: 2.5rem;
  padding: 2.5rem 2.5rem 0.5rem 2.5rem;
}
.reveal > header h2,
.reveal > header h6 {
  flex: 1;
}
.reveal > header .select-menu {
  width: 86%;
}
.reveal > header .select-menu .dropdownpane-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  width: 95%;
}
.reveal > header .select-menu .dropdownpane-link .link-text {
  width: 100%;
}
.reveal > section {
  min-height: 1.5rem;
}
.reveal .scroll-section {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 1.5rem;
  padding: 0 2.5rem 1rem 2.5rem;
}
.reveal > footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 1rem 2.5rem 2.5rem;
}
.reveal > footer .wrap-buttons {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.reveal > footer .wrap-buttons > button {
  margin-left: 1rem;
}
.reveal > footer hr {
  position: absolute;
  top: -0.05rem;
  left: 2.5rem;
  width: calc(100% - 5rem);
  margin: 0;
  border: none;
  border-top: solid 0.0625rem #d0d0d7;
}

/* scroll shadow */
.reveal > header,
.reveal > footer {
  position: relative;
}
.reveal > header::after,
.reveal > footer::before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 8px;
}
.reveal > header::after {
  bottom: 0;
}
.reveal > footer::before {
  top: 0;
}
.reveal > header.scroll-up::after {
  bottom: -8px;
  z-index: 9999;
  background-image: linear-gradient(to bottom, rgba(54, 53, 69, 0.15) 0, rgba(54, 53, 69, 0) 100%);
}
.reveal > footer.scroll-down::before {
  top: -8px;
  z-index: 9999;
  background-image: linear-gradient(to top, rgba(54, 53, 69, 0.15) 0, rgba(54, 53, 69, 0) 100%);
}

.pop-over {
  background: #eef2f7;
  width: 549px;
  height: 450px;
  border-radius: 5px;
}

.popup-close {
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.popup-content {
  width: 450px;
  height: 370px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-icon {
  margin-top: 50px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-body {
  width: 452px;
  height: 218px;
  padding: 20px;
  text-align: center;
}

.popup-heading {
  width: 430px;
  height: 35px;
  font-size: medium;
}

.popup-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 55px;
  font-size: small;
  margin-left: 10px;
}

.popup-link {
  display: flex;
  justify-content: center;
  padding: 15px 0px 25px;
  padding-left: 15px;
  text-decoration: none;
}

.popup-button {
  background: #ffbe00 !important;
  width: 300px;
  height: 40px;
  border-radius: 2px;
  border: none;
  font-weight: 600;
  margin-left: 15px;
  cursor: pointer;
}

/* Popup scrolling section */
.reveal section.scrolling-content {
  border-top: solid 0.0625rem #e2e2e7;
  margin-top: 0.5rem;
  min-height: 15rem;
  max-height: 15rem;
  overflow: inherit;
  overflow-y: auto;
  /*  border-bottom:solid 0.0625rem $col_gray_2; */
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .reveal-container {
    min-height: calc(100% - 3.5rem);
    max-height: calc(100% - 3.5rem);
    margin: 1.75rem auto;
  }
}
@media (max-width: 767px) {
  .reveal-container {
    min-height: 100%;
    max-height: 100%;
    margin: 0;
  }
  .reveal {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    top: 0;
  }
  .reveal > header {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
  .reveal .scroll-section {
    padding: 0 1.5rem 1rem 1.5rem;
  }
  .reveal section.scrolling-content {
    max-height: 100%;
  }
  .reveal > footer {
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 1.5rem;
  }
  .reveal > footer hr {
    width: calc(100% - 3rem);
    left: 1.5rem;
  }
}
.restricted-access-popup {
  text-align: center;
}
.restricted-access-popup .access-content {
  width: 335px;
  height: 160px;
  background-color: #eef2f7;
}
.restricted-access-popup .access-message {
  padding: 15px 40px;
  font-weight: 600;
}

.panel {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  min-width: 19rem;
  min-width: var(--agentic-panel-min-width, 19rem);
  max-width: 19rem;
  max-width: var(--agentic-panel-max-width, 19rem);
  height: 100%;
  min-height: 100%;
  margin-left: auto;
  background: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.panel > header {
  position: inherit;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.panel > header .panel-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.panel > header button.back {
  margin-left: -0.5rem;
}
.panel > header.multi-row {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.panel > header.multi-row .row {
  display: flex;
  flex-flow: row nowrap;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  margin: 0;
  overflow: hidden;
}
.panel > header.multi-row .row:first-child:not(:only-child) {
  padding-bottom: 0.25rem;
}
.panel > header.multi-row .row + .row {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.panel > header.multi-row .row.secondary {
  align-items: center;
  border-top: 0.0625rem solid #d0d0d7;
  padding: 0 1rem 0 0rem;
  min-height: 3rem;
}
.panel > header.multi-row .row.secondary .icon-large {
  border-right: 0.0625rem solid #d0d0d7;
}
.panel > header {
  padding: 1rem;
}
.panel > section {
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
  height: 100%;
}
.panel > footer {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  background-color: #ffffff;
  border-top: 0.0625rem solid #d0d0d7;
}
.panel.fixed {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
}

.comments {
  width: 100%;
}
.comments .disabled {
  pointer-events: none;
}
.comments .add-comment-section .comment-add {
  overflow: hidden;
  padding: 0;
}
.comments .add-comment-section.inactive {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: inherit;
  max-height: 4rem;
  padding: 1rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.comments .add-comment-section.inactive:hover {
  background-color: #f3f3f7;
}
.comments .add-comment-section.inactive textarea {
  min-height: 2rem !important;
  height: 2rem !important;
  resize: none;
  border: none;
}
.comments .add-comment-section.inactive textarea:-ms-input-placeholder {
  line-height: 2rem;
}
.comments .add-comment-section.inactive textarea::placeholder {
  line-height: 2rem;
}
.comments .add-comment-section.inactive [class*=comment-add] {
  pointer-events: none;
  background: transparent;
}
.comments .add-comment-section.inactive i {
  color: #00437b;
  width: 2.5rem;
  margin-top: 0.5rem;
}
.comments .add-comment-section.active {
  display: flex;
  flex-flow: column nowrap;
  width: inherit;
}
.comments .add-comment-section.active textarea {
  min-height: 3rem;
  height: 3rem;
  padding: 0.75rem 1rem;
}
.comments .add-comment-section.active textarea:-ms-input-placeholder {
  line-height: normal;
}
.comments .add-comment-section.active textarea::placeholder {
  line-height: normal;
}

.panel-body {
  flex: 1 1 auto;
  padding: 0 0 1rem 0;
}
.panel-body .sub-section.preview {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 6.5rem;
  background-color: #f9f9fb;
  border-bottom: 0.0625rem solid #d0d0d7;
  background-size: cover;
  background-position: center;
}
.panel-body .sub-section.preview i {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  vertical-align: middle;
  color: #6a6976;
}
.panel-body .sub-section.preview img {
  object-fit: cover;
  max-height: 6.5rem;
  width: 100%;
}
.panel-body .sub-section.preview.icon {
  background-size: 3rem;
}
.panel-body .sub-section.preview.icon img {
  max-width: 3rem;
  max-height: 3rem;
}
.panel-body .sub-section.preview.no-border-bottom {
  border-bottom: none;
}
.panel-body .sub-section .section-header {
  padding: 0 0.5rem 0rem 1rem;
}
.panel-body .sub-section .section-header.group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.panel-body .sub-section .section-details {
  padding: 0 1rem 0.5rem;
}
.panel-body .sub-section:first-child .section-header {
  border-top: 0;
  margin-top: 0;
}
.panel-body .empty {
  height: 100%;
}

.group-items {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.border-bottom {
  border-bottom: 0.0625rem solid #d0d0d7;
}

.flex-width-container {
  min-width: 30%;
  max-width: 40%;
}

.viewer-leftpanel-body .panel {
  min-width: 100%;
  max-width: 100%;
  height: calc(100vh - 7rem);
  box-shadow: none;
}

@media screen and (-ms-high-contrast: none) {
  .panel > section {
    margin-bottom: 4.5rem !important;
  }
  .panel > section footer {
    position: absolute !important;
  }
}
/* Size */
.button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  cursor: pointer;
}
.button.small {
  padding: 0.5rem;
  font-size: 0.75rem;
  min-height: 2rem;
}
.button.large {
  padding: 1rem;
  min-height: 3rem;
}
.button.icon-left {
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
}
.button.icon-left.small {
  padding: 0.5rem 0.5rem 0.5rem 0.35rem;
}
.button.icon-left.small > i {
  margin-right: 0.25rem;
}
.button.icon-left > i {
  margin-right: 0.5rem;
}
.button.icon-right {
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
.button.icon-right.small {
  padding: 0.5rem 0.35rem 0.5rem 0.5rem;
}
.button.icon-right.small > i {
  margin-left: 0.25rem;
}
.button.icon-right > i {
  margin-left: 0.5rem;
}
.button.full-width {
  display: block;
  width: 100%;
}
.button.inline-left {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  text-align: left;
}
.button.inline-right {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  text-align: right;
}
.button.inline-center {
  transform: translateX(-0.5rem);
}

/*disabled*/
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.close-button {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.125rem;
  outline: 0;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
  cursor: pointer;
}

.fab-button {
  position: fixed;
  right: 1rem;
  bottom: 1.875rem;
  z-index: 3;
}

.toggle-button-group {
  display: flex;
  flex-flow: row nowrap;
}
.toggle-button-group > button:first-child {
  margin-right: -1px;
}

.button.default {
  color: #474655;
  border: none;
  background-color: #e2e2e7;
}
.button.default.disabled:hover, .button.default:disabled:hover {
  background-color: #e2e2e7;
}
.button.default:hover {
  background-color: #bfbfc6;
  color: #363545;
}
.button.default:active, .button.default.active {
  background-color: #8c8b96;
  color: #ffffff;
}
.button.default:active > i, .button.default.active > i {
  color: #ffffff !important;
}
.button.default.hollow {
  color: #595868;
  background-color: transparent;
}
.button.default.hollow.disabled:hover, .button.default.hollow:disabled:hover {
  background-color: transparent;
}
.button.default.hollow:hover {
  background-color: #e2e2e7;
  color: #595868;
}
.button.default.hollow:active, .button.default.hollow.active {
  background-color: #d0d0d7;
  color: #595868;
}
.button.default.hollow:active > i, .button.default.hollow.active > i {
  color: #595868 !important;
}
.button.default.outline {
  color: #595868;
  background-color: transparent;
}
.button.default.outline.disabled:hover, .button.default.outline:disabled:hover {
  background-color: transparent;
}
.button.default.outline:hover {
  background-color: #e2e2e7;
  color: #595868;
}
.button.default.outline:active, .button.default.outline.active {
  background-color: #d0d0d7;
  color: #595868;
}
.button.default.outline:active > i, .button.default.outline.active > i {
  color: #595868 !important;
}
.button.default.outline {
  border: solid 0.0625rem #9d9da6 !important;
}
.button.tertiary {
  color: #595868;
  background-color: transparent;
}
.button.tertiary.disabled:hover, .button.tertiary:disabled:hover {
  background-color: transparent;
}
.button.tertiary:hover {
  background-color: #e2e2e7;
  color: #595868;
}
.button.tertiary:active, .button.tertiary.active {
  background-color: #d0d0d7;
  color: #595868;
}
.button.tertiary:active > i, .button.tertiary.active > i {
  color: #595868 !important;
}

.button.primary {
  color: #ffffff;
  background-color: #005f9e;
}
.button.primary.disabled:hover, .button.primary:disabled:hover {
  background-color: #005f9e;
}
.button.primary:hover {
  background-color: #00437b;
  color: #ffffff;
}
.button.primary:active, .button.primary.active {
  background-color: #002d5b;
  color: #ffffff;
}
.button.primary:active > i, .button.primary.active > i {
  color: #ffffff !important;
}
.button.primary > .icon-font {
  color: inherit;
}
.button.primary.hollow {
  background-color: transparent;
  color: #005f9e;
  text-decoration: none;
}
.button.primary.hollow:hover {
  background-color: #cfe1ee;
  color: #00437b;
  text-decoration: none;
}
.button.primary.hollow:active, .button.primary.hollow.active {
  background-color: #005f9e;
  color: #ffffff;
  text-decoration: none;
}
.button.primary.hollow.icon-left {
  text-decoration: none;
}
.button.primary.hollow.disabled, .button.primary.hollow:disabled {
  color: #005f9e;
}
.button.primary.hollow.disabled:hover, .button.primary.hollow:disabled:hover {
  background-color: transparent;
  text-decoration: none;
}
.button.primary.hollow:active, .button.primary.hollow.active, .button.primary.hollow:focus {
  background-color: #005f9e;
  color: #ffffff;
  text-decoration: none;
}
.button.primary.outline {
  background-color: transparent;
  color: #005f9e;
  text-decoration: none;
}
.button.primary.outline:hover {
  background-color: #cfe1ee;
  color: #00437b;
  text-decoration: none;
}
.button.primary.outline:active, .button.primary.outline.active {
  background-color: #005f9e;
  color: #ffffff;
  text-decoration: none;
}
.button.primary.outline.icon-left {
  text-decoration: none;
}
.button.primary.outline.disabled, .button.primary.outline:disabled {
  color: #005f9e;
}
.button.primary.outline.disabled:hover, .button.primary.outline:disabled:hover {
  background-color: transparent;
  text-decoration: none;
}
.button.primary.outline {
  border: solid 0.0625rem #005f9e;
}
.button.link-primary {
  background-color: transparent;
  color: #005f9e;
  text-decoration: none;
}
.button.link-primary:hover {
  background-color: #cfe1ee;
  color: #00437b;
  text-decoration: none;
}
.button.link-primary:active, .button.link-primary.active {
  background-color: #005f9e;
  color: #ffffff;
  text-decoration: none;
}
.button.link-primary.icon-left {
  text-decoration: none;
}
.button.link-primary.disabled, .button.link-primary:disabled {
  color: #005f9e;
}
.button.link-primary.disabled:hover, .button.link-primary:disabled:hover {
  background-color: transparent;
  text-decoration: none;
}

.button[class*=icon-].link-primary:hover, .button[class*=icon-].link-primary:active, .button[class*=icon-].link-primary.active {
  text-decoration: none;
}

.button.secondary {
  color: #ffffff;
  background-color: #6a6976;
}
.button.secondary.disabled:hover, .button.secondary:disabled:hover {
  background-color: #6a6976;
}
.button.secondary:hover {
  background-color: #474655;
  color: #ffffff;
}
.button.secondary:active, .button.secondary.active {
  background-color: #262533;
  color: #ffffff;
}
.button.secondary:active > i, .button.secondary.active > i {
  color: #ffffff !important;
}
.button.secondary.hollow {
  background-color: transparent;
  color: #6a6976;
  text-decoration: none;
}
.button.secondary.hollow:hover {
  background-color: #e2e2e7;
  color: #363545;
  text-decoration: none;
}
.button.secondary.hollow:active, .button.secondary.hollow.active {
  background-color: #6a6976;
  color: #ffffff;
  text-decoration: none;
}
.button.secondary.hollow.icon-left {
  text-decoration: none;
}
.button.secondary.hollow.disabled, .button.secondary.hollow:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.secondary.hollow.disabled:hover, .button.secondary.hollow:disabled:hover {
  background-color: transparent;
}
.button.secondary.outline {
  background-color: transparent;
  color: #6a6976;
  text-decoration: none;
}
.button.secondary.outline:hover {
  background-color: #e2e2e7;
  color: #363545;
  text-decoration: none;
}
.button.secondary.outline:active, .button.secondary.outline.active {
  background-color: #6a6976;
  color: #ffffff;
  text-decoration: none;
}
.button.secondary.outline.icon-left {
  text-decoration: none;
}
.button.secondary.outline.disabled, .button.secondary.outline:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.secondary.outline.disabled:hover, .button.secondary.outline:disabled:hover {
  background-color: transparent;
}
.button.secondary.outline {
  border: solid 0.0625rem #6a6976;
}
.button.link-secondary {
  background-color: transparent;
  color: #6a6976;
  text-decoration: none;
}
.button.link-secondary:hover {
  background-color: #e2e2e7;
  color: #363545;
  text-decoration: none;
}
.button.link-secondary:active, .button.link-secondary.active {
  background-color: #6a6976;
  color: #ffffff;
  text-decoration: none;
}
.button.link-secondary.icon-left {
  text-decoration: none;
}
.button.link-secondary.disabled, .button.link-secondary:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.link-secondary.disabled:hover, .button.link-secondary:disabled:hover {
  background-color: transparent;
}
.button.lock-button {
  position: absolute;
  top: 5px;
  left: 5px;
}

.button[class*=icon-].link-secondary:hover, .button[class*=icon-].link-secondary:active, .button[class*=icon-].link-secondary.active {
  text-decoration: none;
}

.button.warning {
  color: #ffffff;
  background-color: #d52a33;
}
.button.warning.disabled:hover, .button.warning:disabled:hover {
  background-color: #d52a33;
}
.button.warning:hover {
  background-color: #bc0911;
  color: #ffffff;
}
.button.warning:active, .button.warning.active {
  background-color: #a51d25;
  color: #ffffff;
}
.button.warning:active > i, .button.warning.active > i {
  color: #ffffff !important;
}
.button.warning.hollow {
  color: #d52a33;
  background-color: transparent;
  text-decoration: none;
}
.button.warning.hollow:hover {
  color: #bc0911;
  text-decoration: none;
  background-color: #f4d1d3;
}
.button.warning.hollow:active, .button.warning.hollow.active {
  background-color: #d52a33;
  color: #ffffff;
  text-decoration: none;
}
.button.warning.hollow.disabled, .button.warning.hollow:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.warning.hollow.disabled:hover, .button.warning.hollow:disabled:hover {
  background-color: transparent;
}
.button.warning.outline {
  color: #d52a33;
  background-color: transparent;
  text-decoration: none;
}
.button.warning.outline:hover {
  color: #bc0911;
  text-decoration: none;
  background-color: #f4d1d3;
}
.button.warning.outline:active, .button.warning.outline.active {
  background-color: #d52a33;
  color: #ffffff;
  text-decoration: none;
}
.button.warning.outline.disabled, .button.warning.outline:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.warning.outline.disabled:hover, .button.warning.outline:disabled:hover {
  background-color: transparent;
}
.button.warning.outline {
  border: solid 0.0625rem #d52a33;
}
.button.link-warning {
  color: #d52a33;
  background-color: transparent;
  text-decoration: none;
}
.button.link-warning:hover {
  color: #bc0911;
  text-decoration: none;
  background-color: #f4d1d3;
}
.button.link-warning:active, .button.link-warning.active {
  background-color: #d52a33;
  color: #ffffff;
  text-decoration: none;
}
.button.link-warning.disabled, .button.link-warning:disabled {
  text-decoration: none;
  opacity: 0.5;
}
.button.link-warning.disabled:hover, .button.link-warning:disabled:hover {
  background-color: transparent;
}

.button[class*=icon-].link-warning:hover, .button[class*=icon-].link-warning:active, .button[class*=icon-].link-warning.active {
  text-decoration: none;
}

.button.toolbar-primary {
  background-color: #ffffff;
  color: #363545;
}
.button.toolbar-primary:hover {
  background-color: #eaeaef;
  color: #363545;
}
.button.toolbar-primary:active, .button.toolbar-primary.active {
  background-color: #d0d0d7;
  color: #363545;
}
.button.toolbar-primary:active > i, .button.toolbar-primary.active > i {
  color: #363545 !important;
}
.button.toolbar-primary:active > i, .button.toolbar-primary.active > i {
  color: #363545 !important;
}
.button.toolbar-primary.checked {
  background-color: #0c77be;
  color: #ffffff;
}
.button.toolbar-primary.disabled:hover, .button.toolbar-primary:disabled:hover {
  background-color: #ffffff;
  text-decoration: none;
}
.button.light, .button.white {
  background-color: #ffffff;
  color: #363545;
}
.button.light:hover, .button.white:hover {
  background-color: #eaeaef;
  color: #363545;
}
.button.light:active, .button.light.active, .button.white:active, .button.white.active {
  background-color: #d0d0d7;
  color: #363545;
}
.button.light:active > i, .button.light.active > i, .button.white:active > i, .button.white.active > i {
  color: #363545 !important;
}
.button.light:active > i, .button.light.active > i, .button.white:active > i, .button.white.active > i {
  color: #363545 !important;
}
.button.light.checked, .button.white.checked {
  background-color: #0c77be;
  color: #ffffff;
}
.button.light.disabled:hover, .button.light:disabled:hover, .button.white.disabled:hover, .button.white:disabled:hover {
  background-color: #ffffff;
  text-decoration: none;
}

.button.white.hollow {
  color: #ffffff;
  background-color: transparent;
}
.button.white.hollow.disabled:hover, .button.white.hollow:disabled:hover {
  background-color: transparent;
}
.button.white.hollow:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.button.white.hollow:active, .button.white.hollow.active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}
.button.white.hollow:active > i, .button.white.hollow.active > i {
  color: #ffffff !important;
}
.button.white.outline {
  color: #ffffff;
  background-color: transparent;
}
.button.white.outline.disabled:hover, .button.white.outline:disabled:hover {
  background-color: transparent;
}
.button.white.outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.button.white.outline:active, .button.white.outline.active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}
.button.white.outline:active > i, .button.white.outline.active > i {
  color: #ffffff !important;
}
.button.white.outline {
  border: solid 0.075rem #ffffff;
}
.button.inverse {
  color: #ffffff;
  background-color: transparent;
}
.button.inverse.disabled:hover, .button.inverse:disabled:hover {
  background-color: transparent;
}
.button.inverse:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.button.inverse:active, .button.inverse.active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}
.button.inverse:active > i, .button.inverse.active > i {
  color: #ffffff !important;
}
.button.inverse.outline {
  color: #ffffff;
  background-color: transparent;
}
.button.inverse.outline.disabled:hover, .button.inverse.outline:disabled:hover {
  background-color: transparent;
}
.button.inverse.outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.button.inverse.outline:active, .button.inverse.outline.active {
  background-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}
.button.inverse.outline:active > i, .button.inverse.outline.active > i {
  color: #ffffff !important;
}
.button.inverse.outline {
  border: solid 0.075rem #ffffff;
}

/* Icon buttons */
.button.icon {
  padding: 0 0.5rem;
}
.button.icon-small {
  width: 2rem;
  min-height: 2rem;
  padding: 0.25rem;
  justify-content: center;
}
.button.icon-medium {
  padding: 0;
  min-width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
}
.button.icon-large {
  padding: 0.75rem;
  min-width: 3rem;
  min-height: 3rem;
  justify-content: center;
}
.button.icon-square {
  border-radius: 0;
}
.button.icon-circle {
  border-radius: 50%;
}
.button.icon-large-circle {
  border-radius: 50%;
  padding: 0.75rem;
  min-width: 3rem;
  min-height: 3rem;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  box-shadow: 0 0 0.25rem #aeaeb6;
}

.button.dropdown {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.button.dropdown.small {
  padding: 0.5rem 0.25rem 0.5rem 0.5rem;
}

.button.cta {
  color: #363545;
  background-color: #ffbe00;
}
.button.cta.disabled:hover, .button.cta:disabled:hover {
  background-color: #ffbe00;
}
.button.cta:hover {
  background-color: #ffd200;
  color: #363545;
}
.button.cta:active, .button.cta.active {
  background-color: #ffa500;
  color: #363545;
}
.button.cta:active > i, .button.cta.active > i {
  color: #363545 !important;
}
.button.cta.hollow {
  color: #ffbe00;
  background-color: transparent;
}
.button.cta.hollow.disabled:hover, .button.cta.hollow:disabled:hover {
  background-color: transparent;
}
.button.cta.hollow:hover {
  background-color: rgba(255, 165, 0, 0.25);
  color: #ffbe00;
}
.button.cta.hollow:active, .button.cta.hollow.active {
  background-color: #ffbe00;
  color: #363545;
}
.button.cta.hollow:active > i, .button.cta.hollow.active > i {
  color: #363545 !important;
}
.button.cta.outline {
  color: #ffbe00;
  background-color: transparent;
}
.button.cta.outline.disabled:hover, .button.cta.outline:disabled:hover {
  background-color: transparent;
}
.button.cta.outline:hover {
  background-color: rgba(255, 165, 0, 0.25);
  color: #ffbe00;
}
.button.cta.outline:active, .button.cta.outline.active {
  background-color: #ffbe00;
  color: #363545;
}
.button.cta.outline:active > i, .button.cta.outline.active > i {
  color: #363545 !important;
}
.button.cta.outline {
  border: solid 0.0625rem #ffbe00;
}

.error-message {
  color: #c81922;
  font-size: 0.75rem;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  display: block;
  min-height: 2.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  border: solid 0.0625rem #d0d0d7;
  background-color: #ffffff;
  color: #363545;
}
input[type=text]:focus, input[type=text].focus,
input[type=email]:focus,
input[type=email].focus,
input[type=password]:focus,
input[type=password].focus,
input[type=number]:focus,
input[type=number].focus,
textarea:focus,
textarea.focus {
  outline: none;
  background-color: #ffffff;
}
input[type=text]:focus ~ .line, input[type=text].focus ~ .line,
input[type=email]:focus ~ .line,
input[type=email].focus ~ .line,
input[type=password]:focus ~ .line,
input[type=password].focus ~ .line,
input[type=number]:focus ~ .line,
input[type=number].focus ~ .line,
textarea:focus ~ .line,
textarea.focus ~ .line {
  width: 100%;
  background-color: #005f9e;
  height: 0.125rem;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9d9da6;
  font-style: italic;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
textarea::placeholder {
  color: #9d9da6;
  font-style: italic;
}
input[type=text]:disabled, input[type=text].disabled,
input[type=email]:disabled,
input[type=email].disabled,
input[type=password]:disabled,
input[type=password].disabled,
input[type=number]:disabled,
input[type=number].disabled,
textarea:disabled,
textarea.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=number].error,
textarea.error {
  outline: none;
  background-color: #ffffff;
}
input[type=text].error ~ .line,
input[type=email].error ~ .line,
input[type=password].error ~ .line,
input[type=number].error ~ .line,
textarea.error ~ .line {
  width: 100%;
  background-color: #c81922;
  height: 0.125rem;
}
input[type=text].error:focus ~ .line, input[type=text].error.focus ~ .line,
input[type=email].error:focus ~ .line,
input[type=email].error.focus ~ .line,
input[type=password].error:focus ~ .line,
input[type=password].error.focus ~ .line,
input[type=number].error:focus ~ .line,
input[type=number].error.focus ~ .line,
textarea.error:focus ~ .line,
textarea.error.focus ~ .line {
  width: 100%;
  background-color: #c81922;
  height: 0.125rem;
}
input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea {
  font-size: 0.875rem !important;
  border-bottom: 0.0625rem solid #363545;
}

input[type=file] {
  font-size: 0.875rem;
}

textarea {
  width: 100%;
  border: solid 0.0625rem #d0d0d7;
  border-bottom: 0.0625rem solid #363545;
  resize: vertical;
}
textarea:focus {
  outline: 0;
}
textarea:disabled, textarea.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}

select {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.5rem;
  border: solid 0.0625rem #d0d0d7;
  border-bottom: 0.0625rem solid #363545;
  box-sizing: border-box;
  background-color: #ffffff;
  font-size: 0.875rem !important;
  border-radius: 0.125rem;
  /* color:$col_gray_5;    */
}
select:focus {
  outline: none;
  background-color: #ffffff;
}
select:-ms-input-placeholder {
  color: #9d9da6;
  font-style: italic;
}
select::placeholder {
  color: #9d9da6;
  font-style: italic;
}
select.error {
  border: solid 0.0625rem #c81922;
}
select:disabled, select.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}

.line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  height: 0.0625rem;
  width: 0;
  background-color: transparent;
  transition: 0.3s width ease-in-out;
}
.line.input-highlight {
  position: relative;
  height: 0.125rem;
}
.line.input-highlight.focus {
  width: 100%;
  background-color: #005f9e;
}
.line.input-highlight.error {
  width: 100%;
  background-color: #c81922;
}

.input-button-group[focus-within] > .line {
  width: 100%;
  height: 0.125rem;
  background-color: #005f9e;
}

.input-button-group:focus-within > .line {
  width: 100%;
  height: 0.125rem;
  background-color: #005f9e;
}

.input-group,
.label-group {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-content: flex-start;
  min-height: 5.5rem;
}
.input-group.last-child,
.label-group.last-child {
  margin-bottom: 0;
}
.input-group .error-message,
.label-group .error-message {
  color: #c81922;
  font-size: 0.75rem;
  flex: 1;
  align-items: flex-start;
  min-height: 1rem;
}
.input-group > label,
.label-group > label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 1.5rem;
  margin-bottom: 0;
  color: #6a6976;
  font-size: 0.75rem;
  font-weight: 400;
  align-items: flex-end;
}
.input-group .input-focus-group,
.label-group .input-focus-group {
  position: relative;
}
.input-group.checkradio,
.label-group.checkradio {
  min-height: 3rem;
  display: flex;
  flex-flow: row wrap;
}
.input-group.checkradio > label,
.label-group.checkradio > label {
  width: 100%;
}
.input-group.checkradio .group-items,
.label-group.checkradio .group-items {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 1rem;
}
.input-group.checkradio .group-items .icon,
.label-group.checkradio .group-items .icon {
  border-radius: 50%;
}
.input-group.checkradio .group-items .icon:hover,
.label-group.checkradio .group-items .icon:hover {
  background-color: #cfe1ee;
}
.input-group.checkradio .group-items label,
.label-group.checkradio .group-items label {
  min-height: auto;
  font-size: 0.875rem;
  color: inherit;
}
.input-group.checkradio.disabled .checkbox:hover .custom-input,
.label-group.checkradio.disabled .checkbox:hover .custom-input {
  cursor: not-allowed;
}
.input-group.checkradio.disabled .checkbox:hover .custom-input + label:before,
.label-group.checkradio.disabled .checkbox:hover .custom-input + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/images/check_box.svg") no-repeat;
}
.input-group.checkradio.disabled .radio:hover .custom-input,
.label-group.checkradio.disabled .radio:hover .custom-input {
  cursor: not-allowed;
}
.input-group.checkradio.disabled .radio:hover .custom-input + label:before,
.label-group.checkradio.disabled .radio:hover .custom-input + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/images/radio_btn.svg") no-repeat;
}
.input-group.checkradio.w-subtext .group-items,
.label-group.checkradio.w-subtext .group-items {
  display: flex;
  align-items: self-end;
  margin-bottom: 0.5rem;
}
.input-group.checkradio.w-subtext .group-items label,
.label-group.checkradio.w-subtext .group-items label {
  min-height: 1.75rem;
  align-items: flex-end;
}
.input-group .add-item,
.label-group .add-item {
  position: absolute;
  right: 0;
  top: 1.5rem;
}

.label-group {
  min-height: 3rem;
  justify-content: center;
}
.label-group .value {
  font-size: 0.875rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.input-group .input-button-group {
  min-height: 2.5rem;
}

.input-button-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 2.5rem;
  background-color: #ffffff;
  border: solid 0.0625rem #d0d0d7;
  border-bottom: 0.0625rem solid #363545;
}
.input-button-group .icon-large {
  padding: 0.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
}
.input-button-group > input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  overflow: hidden;
}
.input-button-group > input:focus, .input-button-group > input.focus {
  outline: none;
  background-color: #ffffff;
}
.input-button-group > input:disabled, .input-button-group > input.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}
.input-button-group > tc-modus-text-input {
  display: block;
  width: 100%;
}
.input-button-group > div {
  width: 100%;
}
.input-button-group.search {
  min-height: 2.5rem;
  background-color: #ffffff;
}
.input-button-group.search > input {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent !important;
}
.input-button-group.search > input:focus, .input-button-group.search > input.focus {
  background-color: #ffffff;
}
.input-button-group.search > input:disabled, .input-button-group.search > input.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}
.input-button-group.search.is-active {
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.input-button-group.search[focus-within] {
  background-color: #ffffff;
}
.input-button-group.search:focus-within {
  background-color: #ffffff;
}
.input-button-group.search button {
  margin: 0 0.25rem;
}
.input-button-group.search-bar {
  width: 25rem;
}
.input-button-group.active {
  background-color: #ffffff;
}
.input-button-group:disabled, .input-button-group.disabled {
  background-color: #eaeaef;
  cursor: not-allowed;
}
.input-button-group.date-filter-input-group > .input-button-group-trigger {
  width: auto;
  flex: 0 0 auto;
}

.date-picker {
  width: 17.5rem;
  box-shadow: 0 0 0.25rem #aeaeb6;
  font-size: 0.875rem;
  background: #ffffff;
}
.date-picker header {
  width: 100%;
  height: 5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #005f9e;
  font-size: 1rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.5rem;
}
.date-picker header .month {
  margin: 0 0.5rem;
  width: 100%;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
.date-picker .days-group {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  color: #ffffff;
  background: #00437b;
  display: flex;
  flex-flow: row wrap;
}
.date-picker .days-group div {
  height: 1rem;
  margin: 0 0.125rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.date-picker .dates-group,
.date-picker .months-group,
.date-picker .years-group {
  display: flex;
  flex-flow: row wrap;
  padding: 1rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #363545;
}
.date-picker .dates-group div,
.date-picker .months-group div,
.date-picker .years-group div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0.125rem;
  cursor: pointer;
  border-radius: 50%;
}
.date-picker .dates-group div:hover,
.date-picker .months-group div:hover,
.date-picker .years-group div:hover {
  background: #e5f0f8;
  color: #005f9e;
  font-weight: 600;
}
.date-picker .dates-group div.disable,
.date-picker .months-group div.disable,
.date-picker .years-group div.disable {
  opacity: 0.3;
}
.date-picker .dates-group div.current,
.date-picker .months-group div.current,
.date-picker .years-group div.current {
  background: #eaeaef;
}
.date-picker .dates-group div.active,
.date-picker .months-group div.active,
.date-picker .years-group div.active {
  background: #005f9e;
  font-weight: 600;
  color: #ffffff;
}
.date-picker .time-group {
  padding: 1rem 0.875rem;
  border-top: 0.0625rem solid #d0d0d7;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.date-picker .time-group .time {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.date-picker .time-group .time .colon {
  margin: 0 0.5rem;
}
.date-picker .time-group .time .input-group {
  min-height: auto;
}
.date-picker .time-group .time .input-group input {
  max-width: 3.5rem;
}
.date-picker .time-group .ampm {
  margin: 0.5rem 0;
}
.date-picker .time-group button.full-width {
  justify-content: center;
}
.date-picker .months-group,
.date-picker .years-group {
  padding: 1rem 0.75rem;
}
.date-picker .months-group div,
.date-picker .years-group div {
  width: 3.5rem;
  margin: 0.25rem;
  height: 2rem;
  border-radius: 0;
}

.date-filter .date-picker {
  width: 17.5rem;
  box-shadow: 0 0 0.25rem #aeaeb6;
  font-size: 0.875rem;
  background: #ffffff;
}
.date-filter .date-picker header {
  width: 100%;
  height: 5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #005f9e;
  font-size: 1rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.5rem;
}
.date-filter .date-picker header .month {
  margin: 0 0.5rem;
  width: 100%;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
.date-filter .date-picker .days-group {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  color: #ffffff;
  background: #00437b;
  display: flex;
  flex-flow: row wrap;
}
.date-filter .date-picker .days-group div {
  height: 1rem;
  margin: 0 0.125rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.date-filter .date-picker .dates-group,
.date-filter .date-picker .months-group,
.date-filter .date-picker .years-group {
  display: flex;
  flex-flow: row wrap;
  padding: 1rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #363545;
}
.date-filter .date-picker .dates-group div,
.date-filter .date-picker .months-group div,
.date-filter .date-picker .years-group div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0.125rem;
  cursor: pointer;
  border-radius: 50%;
}
.date-filter .date-picker .dates-group div:hover,
.date-filter .date-picker .months-group div:hover,
.date-filter .date-picker .years-group div:hover {
  background: #e5f0f8;
  color: #005f9e;
  font-weight: 600;
}
.date-filter .date-picker .dates-group div.disable,
.date-filter .date-picker .months-group div.disable,
.date-filter .date-picker .years-group div.disable {
  opacity: 0.3;
}
.date-filter .date-picker .dates-group div.current,
.date-filter .date-picker .months-group div.current,
.date-filter .date-picker .years-group div.current {
  background: #eaeaef;
}
.date-filter .date-picker .dates-group div.active,
.date-filter .date-picker .months-group div.active,
.date-filter .date-picker .years-group div.active {
  background: #005f9e;
  font-weight: 600;
  color: #ffffff;
}
.date-filter .date-picker .time-group {
  padding: 1rem 0.875rem;
  border-top: 0.0625rem solid #d0d0d7;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.date-filter .date-picker .time-group .time {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.date-filter .date-picker .time-group .time .colon {
  margin: 0 0.5rem;
}
.date-filter .date-picker .time-group .time .input-group {
  min-height: auto;
}
.date-filter .date-picker .time-group .time .input-group input {
  max-width: 3.5rem;
}
.date-filter .date-picker .time-group .ampm {
  margin: 0.5rem 0;
}
.date-filter .date-picker .time-group button.full-width {
  justify-content: center;
}
.date-filter .date-picker .months-group,
.date-filter .date-picker .years-group {
  padding: 1rem 0.75rem;
}
.date-filter .date-picker .months-group div,
.date-filter .date-picker .years-group div {
  width: 3.5rem;
  margin: 0.25rem;
  height: 2rem;
  border-radius: 0;
}
.date-filter .date-picker {
  position: absolute;
  top: 2.5rem;
  left: -1rem;
  right: -1rem;
  z-index: 13;
  width: auto;
  max-width: 17rem;
}
.date-filter .date-picker header {
  height: 4rem;
  padding: 0.5rem !important;
}
.date-filter .date-picker header .month {
  margin: 0;
}
.date-filter .date-picker .days-group {
  padding: 0.5rem 0rem;
  justify-content: center;
}
.date-filter .date-picker .dates-group,
.date-filter .date-picker .months-group,
.date-filter .date-picker .years-group {
  padding: 0.5rem 0;
  justify-content: center;
}

.input-group.date-filter .date-picker {
  left: 0;
  margin-bottom: 1rem;
}

/* Disabled styles */
input[type=text]:read-only, input[type=text].read-only,
input[type=email]:read-only,
input[type=email].read-only,
input[type=password]:read-only,
input[type=password].read-only,
input[type=number]:read-only,
input[type=number].read-only,
textarea:read-only,
textarea.read-only {
  display: block;
  min-height: 1.5rem;
  width: 100%;
  padding: 0 !important;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  cursor: unset;
}

input[type=text][readonly]:focus ~ .line, input[type=text][readonly].focus ~ .line,
input[type=email][readonly]:focus ~ .line,
input[type=email][readonly].focus ~ .line,
input[type=password][readonly]:focus ~ .line,
input[type=password][readonly].focus ~ .line,
input[type=number][readonly]:focus ~ .line,
input[type=number][readonly].focus ~ .line,
textarea[readonly]:focus ~ .line,
textarea[readonly].focus ~ .line {
  background-color: transparent;
}

.input-button-group.read-only {
  min-height: 1.5rem;
  background-color: transparent;
  border: none;
}
.input-button-group input:read-only ~ .button {
  display: none;
}

.input-group {
  min-height: auto;
  margin-bottom: 0.5rem;
}
.input-group.read-only {
  min-height: 3rem;
  margin-bottom: 0.5rem;
}
.input-group.read-only select:disabled, .input-group.read-only select.disabled {
  background-color: transparent;
  cursor: not-allowed;
  min-height: 1.5rem;
  height: auto;
  margin-bottom: 0.5rem;
  border: none;
  -webkit-appearance: unset;
  padding: 0 !important;
}

select:disabled, select.disabled,
textarea:disabled,
textarea.disabled,
input[type=text]:disabled,
input[type=text].disabled,
input[type=email]:disabled,
input[type=email].disabled,
input[type=password]:disabled,
input[type=password].disabled,
input[type=number]:disabled,
input[type=number].disabled,
textarea:disabled,
textarea.disabled {
  opacity: 0.7;
}

.disabled {
  opacity: 0.5;
}

.input-button-group input:disabled ~ .button {
  display: block;
  opacity: 0.7;
  background: #eaeaef;
}

select.error {
  border: solid 0.0625rem #eaeaef;
  border-bottom: solid 0.125rem #c81922;
}

/*checkboxes and radio fixes*/
.input-group.checkradio.disabled .custom-input:hover, .input-group.checkradio.read-only .custom-input:hover {
  background: transparent;
  cursor: unset;
}
.input-group.checkradio.disabled .group-items .icon:hover, .input-group.checkradio.read-only .group-items .icon:hover {
  background: transparent;
  cursor: unset;
}

.checkradio-group label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 1.5rem;
  margin-bottom: 0;
  color: #8c8b96;
  font-size: 0.75rem;
  font-weight: 400;
}

.checkradio-group .input-group {
  min-height: auto;
  margin-bottom: 0;
}

.checkradio-group {
  margin-bottom: 1rem;
}

.input-group.checkradio.disabled .group-items .checkbox,
.input-group.checkradio.disabled .group-items .radio, .input-group.checkradio.read-only .group-items .checkbox,
.input-group.checkradio.read-only .group-items .radio {
  opacity: 0.7;
}

.disabled .checkbox:hover .custom-input:not(:checked) + label:before,
.read-only .checkbox:hover .custom-input:not(:checked) + label:before {
  background: url(https://resources.connect.trimble.com/images/check_box.svg) no-repeat;
}
.disabled .checkbox:hover .custom-input:checked + label:before,
.read-only .checkbox:hover .custom-input:checked + label:before {
  background: url(https://resources.connect.trimble.com/images/check_box_checked.svg) no-repeat !important;
}
.disabled .radio:hover .custom-input:not(:checked) + label:before,
.read-only .radio:hover .custom-input:not(:checked) + label:before {
  background: url(https://resources.connect.trimble.com/images/radio_btn.svg) no-repeat;
}
.disabled .radio:hover .custom-input:checked + label:before,
.read-only .radio:hover .custom-input:checked + label:before {
  background: url(https://resources.connect.trimble.com/images/radio_btn_checked.svg) no-repeat !important;
}

form.w-100 {
  width: 100%;
}

.border-bottom-default {
  border-bottom: 0.0625rem solid #d0d0d7;
}

.border-bottom-input-group {
  border-bottom: 0.0625rem solid #363545 !important;
}

.no-border-bottom-input-group {
  border-bottom: none !important;
}

@media (max-width: 576px) {
  .input-button-group.search-bar {
    width: 100%;
  }
}
input[type=checkbox] + label[for],
input[type=radio] + label[for] {
  cursor: pointer;
}

.custom-input {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
}
.custom-input:hover {
  cursor: pointer;
}

.checkbox,
.radio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto !important;
  width: 2.5rem;
  height: 2.5rem;
}
.checkbox:hover,
.radio:hover {
  cursor: pointer;
  background-color: #cfe1ee;
}
.checkbox .custom-input + label,
.radio .custom-input + label {
  display: inline-block;
  vertical-align: baseline;
  margin-bottom: 0;
}
.checkbox .custom-input:checked + label,
.radio .custom-input:checked + label {
  display: inline-block;
  padding: 0;
  cursor: pointer;
}

.checkbox .custom-input + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/1.9.0/images/check_box.svg") no-repeat;
}
.checkbox .custom-input:checked + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/1.9.0/images/check_box_checked.svg") no-repeat;
}
.checkbox .custom-input:indeterminate + label {
  display: inline-block;
  padding: 0;
  cursor: pointer;
}
.checkbox .custom-input:indeterminate + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/1.9.0/images/indeterminate_check_box.svg") no-repeat;
}
.checkbox:hover .custom-input + label:before {
  background: url("https://resources.connect.trimble.com/1.9.0/images/check_box_hover.svg") no-repeat;
}
.checkbox:hover .custom-input:checked + label:before {
  background: url("https://resources.connect.trimble.com/1.9.0/images/check_box_checked.svg") no-repeat;
}
.checkbox:hover .custom-input:indeterminate + label:before {
  background: url("https://resources.connect.trimble.com/1.9.0/images/indeterminate_check_box.svg") no-repeat;
}

.radio .custom-input + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/1.9.0/images/radio_btn.svg") no-repeat;
}
.radio .custom-input:checked + label:before {
  content: " ";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("https://resources.connect.trimble.com/1.9.0/images/radio_btn_checked.svg") no-repeat;
}
.radio:hover .custom-input + label:before {
  background: url("https://resources.connect.trimble.com/1.9.0/images/radio_btn_hover.svg") no-repeat;
}
.radio:hover .custom-input:checked + label:before {
  background: url("https://resources.connect.trimble.com/1.9.0/images/radio_btn_checked.svg") no-repeat;
}

@media only screen and (max-width: 480px) {
  .checkbox {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    min-height: 1.5rem;
  }
}
.dropdownpane-link {
  cursor: pointer;
}
.dropdownpane-link.viewerPanel-link {
  display: flex;
  align-items: center;
}

.disabled .dropdownpane-link {
  pointer-events: none;
  opacity: 0.5 !important;
}

.dropdown-pane-container {
  position: relative;
}
.dropdown-pane-container.viewerPanel-dropdown {
  display: grid;
}

.dropdown-pane {
  position: absolute;
  z-index: 98;
  display: none;
  max-height: 21.5rem;
  padding: 1rem 0;
  box-shadow: 0 0 0.375rem #aeaeb6;
  border-radius: 0.125rem;
  background-color: #ffffff;
  visibility: hidden;
  overflow-y: auto;
  font-weight: 400;
}
.dropdown-pane.is-open {
  visibility: visible;
  display: block;
}
.dropdown-pane.left {
  left: 0;
}
.dropdown-pane.right {
  right: 10px;
}
.dropdown-pane.middle {
  left: 50%;
  right: auto !important;
  transform: translate(-50%, 0) !important;
}
.dropdown-pane.top {
  top: -1.125rem;
}
.dropdown-pane.bottom {
  bottom: 2.5rem;
}
.dropdown-pane.w-auto {
  min-width: auto;
}
.dropdown-pane.w-100 {
  width: 100% !important;
  min-width: 100% !important;
}
.dropdown-pane.h-100vh {
  height: 100vh;
}
.dropdown-pane.objects {
  min-width: 9rem !important;
}
.dropdown-pane.fab-button {
  top: auto;
  bottom: 0;
}
.dropdown-pane .dropdown-list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  height: 2.5rem;
  color: #363545;
}
.dropdown-pane .dropdown-list li.height-auto {
  height: auto;
}
.dropdown-pane .dropdown-list li:last-child {
  margin-bottom: 0;
}
.dropdown-pane .dropdown-list li:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.dropdown-pane .dropdown-list li.disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.dropdown-pane .dropdown-list li.active {
  background-color: #e5f0f8;
  font-weight: 600;
  color: #005f9e;
  justify-content: space-between;
}
.dropdown-pane .dropdown-list li .icon-right {
  margin-left: auto;
}
.dropdown-pane .dropdown-list li .icon-left {
  margin-right: 0.5rem;
}
.dropdown-pane .dropdown-list li a {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
}
.dropdown-pane .dropdown-list li.text-link {
  padding: 0;
}
.dropdown-pane .dropdown-list li.text-link a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem;
  line-height: 2.5rem;
}
.dropdown-pane .dropdown-list li.text-link a > i {
  margin-right: 0.25rem;
}
.dropdown-pane .dropdown-list .group-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  font-weight: 600;
  cursor: default !important;
}
.dropdown-pane .dropdown-list .group-title:hover {
  background: none;
}

.remove-height {
  max-height: none;
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.default-tool-dropdown {
  padding: 0;
  margin-right: 0.5rem;
  border-radius: 0.1875rem;
  align-items: center;
  color: #6a6976;
  transition: background-color 0.2s ease-in-out;
}
.default-tool-dropdown .split-button .button:nth-child(2) {
  min-width: 1.5rem !important;
}
.default-tool-dropdown .split-button:hover .button.toolbar-primary:not(.active):not(.checked):not(.disabled),
.default-tool-dropdown .split-button.action-active .button.toolbar-primary:not(.active):not(.checked):not(.disabled) {
  background-color: #eaeaef !important;
  cursor: pointer;
}
.default-tool-dropdown .split-button .button:nth-child(2).active {
  background-color: #d0d0d7 !important;
  color: #6a6976 !important;
  cursor: pointer;
}
.default-tool-dropdown .split-button .button:nth-child(2).active .icon-font {
  color: #6a6976 !important;
}
.default-tool-dropdown .split-button .button.button-active {
  background-color: #eaeaef !important;
  color: #6a6976 !important;
  cursor: pointer;
}
.default-tool-dropdown .split-button .button.button-active .icon-font {
  color: #6a6976;
}
.default-tool-dropdown .dropdown-pane .dropdown-list .list-item.active {
  justify-content: left;
  background-color: #0c77be;
  color: #ffffff;
}

.select-menu {
  position: relative;
  /* margin-right:0.5rem; */
  font-size: 0.875rem;
  cursor: pointer;
}
.select-menu .name {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  font-weight: 600;
}
.select-menu .name > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  max-width: 11.75rem;
}
.select-menu .name > div > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-menu .name .badge {
  margin-left: 0.5rem;
}
.select-menu:hover {
  background-color: #f9f9fb;
}
.select-menu.active {
  background-color: #f9f9fb;
}
.select-menu.active .name ~ .line {
  width: 100%;
  background-color: #005f9e;
  height: 0.125rem;
}
.select-menu.is-form-field .name {
  justify-content: space-between;
}
.select-menu.mini {
  max-width: 3.75rem;
  margin-right: 0;
}
.select-menu.mini.active {
  background-color: #cfe1ee;
}
.select-menu.mini .name {
  min-height: 2.5rem;
  padding: 0 0.5rem;
}

.dropdown-pane-container.select-menu .dropdown-pane {
  top: 2.5rem;
  left: 0;
  min-width: 15rem;
  max-width: 15rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-pane-container.select-menu .dropdown-pane.date-filter {
  min-width: 17rem;
  max-width: 17rem;
  min-height: 22rem;
  max-height: 30rem;
}
.dropdown-pane-container.select-menu .dropdown-pane-equal-width {
  top: 2.5rem;
  left: -45px;
  min-width: 9rem;
  max-width: 15rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-pane-container.select-menu .dropdown-pane-equal-width.date-filter {
  min-width: 17rem;
  max-width: 17rem;
  min-height: 22rem;
  max-height: 30rem;
}
.dropdown-pane-container.select-menu .fitContent {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.select-menu .select-menu-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 0.875rem;
}
.select-menu .select-menu-item .icon {
  border-radius: 50%;
}
.select-menu .select-menu-item .icon:hover {
  background-color: #cfe1ee;
}
.select-menu .select-menu-item .control button:hover {
  background-color: #cfe1ee;
}
.select-menu .select-menu-item label {
  color: #363545;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-menu .select-menu-item .title .button {
  margin-right: -0.5rem;
}
.select-menu .select-menu-item.multiple-line {
  padding: 0 0 0.5rem 0;
}
.select-menu .select-menu-item.multiple-line > div {
  display: flex;
  flex-flow: column nowrap;
}
.select-menu .select-menu-item.multiple-line > div:nth-child(2) {
  margin-top: 0.25rem;
  overflow: hidden;
}
.select-menu .select-menu-item.multiple-line > div label,
.select-menu .select-menu-item.multiple-line > div span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-menu .select-menu-item.multiple-line .icon .custom-input + label:before,
.select-menu .select-menu-item.multiple-line .icon .custom-input:checked + label:before,
.select-menu .select-menu-item.multiple-line .icon .custom-input:indeterminate + label:before {
  top: 20%;
}
.select-menu .select-menu-item:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.select-menu .select-menu-item:hover label {
  cursor: inherit;
}
.select-menu .select-menu-item {
  min-height: 2.5rem;
}
.select-menu .select-menu-item:hover {
  background-color: #f3f3f7;
}
.select-menu .select-menu-item.multiple-line {
  padding: 0 1rem 0.25rem 1rem;
}
.select-menu .select-menu-item .icon {
  margin-left: -0.5rem;
}
.select-menu .select-menu-item {
  padding: 0 1rem;
}
.select-menu .dropdown-pane header {
  padding: 0 1rem;
}
.select-menu .dropdown-pane header .input-button-group > .button {
  margin: 0;
}
.select-menu .dropdown-pane > ul {
  margin: 0;
}
.select-menu .dropdown-pane > ul > li > ul {
  display: none;
}
.select-menu .dropdown-pane > ul > li.open > ul {
  display: block;
}
.select-menu .dropdown-pane > ul > li.open > ul .select-menu-item {
  padding-left: 3.5rem;
}
.select-menu .dropdown-pane footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0 -1rem 0;
  padding: 0.5rem 1rem 0.7rem;
  border-top: solid 0.0625rem #d0d0d7;
  background-color: #f9f9fb;
  min-height: 3.75rem;
}
.select-menu .dropdown-pane footer .sub-text {
  font-size: 0.625rem;
  color: #8c8b96;
  line-height: 1.25;
}
.select-menu .dropdown-pane footer i:hover {
  color: #005f9e;
}

.select-menu .dropdown-pane .title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  width: 100%;
}
.select-menu .dropdown-pane .title h6 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-menu .dropdown-pane .custom-date {
  padding: 0 1rem;
}
.select-menu .dropdown-pane .custom-date.active + .custom-date-fields {
  height: 100%;
  overflow: visible;
  transition: 0.25s ease-out;
}
.select-menu .dropdown-pane .custom-date-fields {
  height: 0;
  padding: 0 1rem;
  overflow: hidden;
  transition: 0.25s ease-out;
}

.select-row-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 0.875rem;
}
.select-row-item .icon {
  border-radius: 50%;
}
.select-row-item .icon:hover {
  background-color: #cfe1ee;
}
.select-row-item .control button:hover {
  background-color: #cfe1ee;
}
.select-row-item label {
  color: #363545;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-row-item .title .button {
  margin-right: -0.5rem;
}
.select-row-item.multiple-line {
  padding: 0 0 0.5rem 0;
}
.select-row-item.multiple-line > div {
  display: flex;
  flex-flow: column nowrap;
}
.select-row-item.multiple-line > div:nth-child(2) {
  margin-top: 0.25rem;
  overflow: hidden;
}
.select-row-item.multiple-line > div label,
.select-row-item.multiple-line > div span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-row-item.multiple-line .icon .custom-input + label:before,
.select-row-item.multiple-line .icon .custom-input:checked + label:before,
.select-row-item.multiple-line .icon .custom-input:indeterminate + label:before {
  top: 20%;
}
.select-row-item:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.select-row-item:hover label {
  cursor: inherit;
}

.filters > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.info {
  padding: 0.5rem 1rem 0 1rem;
  color: #8c8b96;
  font-size: 0.75rem;
}

.auto-complete {
  position: absolute;
  z-index: 98;
  display: none;
  max-height: 21.5rem;
  padding: 1rem 0;
  box-shadow: 0 0 0.375rem #aeaeb6;
  border-radius: 0.125rem;
  background-color: #ffffff;
  visibility: hidden;
  overflow-y: auto;
  font-weight: 400;
  display: block;
  z-index: 11;
  visibility: visible;
  min-width: 100% !important;
  width: 100% !important;
  max-height: 14rem;
  top: 2.5rem;
  left: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.auto-complete .select-menu-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 0.875rem;
}
.auto-complete .select-menu-item .icon {
  border-radius: 50%;
}
.auto-complete .select-menu-item .icon:hover {
  background-color: #cfe1ee;
}
.auto-complete .select-menu-item .control button:hover {
  background-color: #cfe1ee;
}
.auto-complete .select-menu-item label {
  color: #363545;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.auto-complete .select-menu-item .title .button {
  margin-right: -0.5rem;
}
.auto-complete .select-menu-item.multiple-line {
  padding: 0 0 0.5rem 0;
}
.auto-complete .select-menu-item.multiple-line > div {
  display: flex;
  flex-flow: column nowrap;
}
.auto-complete .select-menu-item.multiple-line > div:nth-child(2) {
  margin-top: 0.25rem;
  overflow: hidden;
}
.auto-complete .select-menu-item.multiple-line > div label,
.auto-complete .select-menu-item.multiple-line > div span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.auto-complete .select-menu-item.multiple-line .icon .custom-input + label:before,
.auto-complete .select-menu-item.multiple-line .icon .custom-input:checked + label:before,
.auto-complete .select-menu-item.multiple-line .icon .custom-input:indeterminate + label:before {
  top: 20%;
}
.auto-complete .select-menu-item:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.auto-complete .select-menu-item:hover label {
  cursor: inherit;
}
.auto-complete .select-menu-item {
  min-height: 2.5rem;
}
.auto-complete .select-menu-item:hover {
  background-color: #f3f3f7;
}
.auto-complete .select-menu-item.multiple-line {
  padding: 0 1rem 0.25rem 1rem;
}
.auto-complete .select-menu-item .icon {
  margin-left: -0.5rem;
}
.auto-complete .select-menu-item {
  padding: 0 1rem;
}
.auto-complete .select-menu-item.multiple-line {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.auto-complete .select-menu-item.multiple-line > div {
  width: 100%;
}
.auto-complete .select-menu-item.no-results:hover {
  background-color: inherit;
  cursor: default;
  color: #8c8b96;
}
.auto-complete footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0 -1rem 0;
  padding: 0.5rem 1rem 0.7rem;
  border-top: solid 0.0625rem #d0d0d7;
  background-color: #f9f9fb;
  min-height: 3.75rem;
}
.auto-complete footer .sub-text {
  font-size: 0.625rem;
  color: #8c8b96;
  line-height: 1.25;
}
.auto-complete footer i:hover {
  color: #005f9e;
}

.button .badge {
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  z-index: 1;
}

.fixed-modal-right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1010;
  display: flex;
  flex-flow: column nowrap;
  min-width: 19rem;
  min-width: var(--agentic-panel-min-width, 19rem);
  max-width: 19rem;
  max-width: var(--agentic-panel-max-width, 19rem);
  background: #ffffff;
  box-shadow: -0.05rem 0 0.25rem rgba(0, 0, 0, 0.3);
}
.fixed-modal-right .filter-container {
  flex: 1 1 auto;
  padding: 1rem;
  overflow-y: auto;
}
.fixed-modal-right .modal-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 100%;
  padding: 1rem 0.5rem 1rem 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.fixed-modal-right .modal-title div:first-child {
  flex: 1 0 auto;
}
.fixed-modal-right .modal-title h3 {
  color: #363545;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 !important;
}
.fixed-modal-right .filters {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}
.fixed-modal-right .filters > div {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.fixed-modal-right .filters .switch-group {
  justify-content: space-between;
  width: 100%;
  margin-right: 0;
  margin-bottom: 1rem;
}
.fixed-modal-right .filter-type {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.fixed-modal-right .filter-type .select-menu {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.fixed-modal-right .filter-type .select-menu .name {
  justify-content: space-between;
  border-bottom: solid 0.0625rem #d0d0d7;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
.fixed-modal-right .filter-type .select-menu .name > div:first-child {
  max-width: calc(100% - 3.5rem);
}
.fixed-modal-right .filter-type .select-menu .dropdown-pane {
  top: 3.0625rem;
  min-width: 100%;
  width: 100%;
  margin-bottom: 1rem;
}
.fixed-modal-right .footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: 0 0 auto;
  justify-content: flex-end;
  width: 100%;
  padding: 1rem;
  border-top: 0.0625rem solid #d0d0d7;
}
.fixed-modal-right .footer button {
  margin-left: 1rem;
}

.panel .filters .filter-type {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.panel .filters .filter-type .select-menu {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.panel .filters .filter-type .select-menu .name {
  justify-content: space-between;
  border-bottom: solid 0.0625rem #d0d0d7;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
.panel .filters .filter-type .select-menu .name > div:first-child {
  max-width: calc(100% - 3.5rem);
}
.panel .filters .filter-type .select-menu .dropdown-pane {
  top: 3.0625rem;
  min-width: 100%;
  width: 100%;
  margin-bottom: 1rem;
}

.custom-filters-group {
  display: flex;
  flex-flow: row nowrap;
}
.custom-filters-group .ca-filter-chip {
  margin-right: 0.5rem;
}

.filter-type.block {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.filter-type.block .select-menu {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.filter-type.block .select-menu .name {
  justify-content: space-between;
  border-bottom: solid 0.0625rem #d0d0d7;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
.filter-type.block .select-menu .name > div:first-child {
  max-width: calc(100% - 3.5rem);
}
.filter-type.block .select-menu .dropdown-pane {
  top: 3.0625rem;
  min-width: 100%;
  width: 100%;
  margin-bottom: 1rem;
}
.filter-type.block .select-menu:hover {
  background-color: #ffffff !important;
}
.filter-type.block .select-menu .name {
  padding: 0.5rem 0.5rem 0.5rem 1rem !important;
  background-color: #ffffff !important;
  border: solid 0.0625rem #e2e2e7 !important;
  font-weight: normal !important;
}
.filter-type.block .select-menu .dropdown-pane {
  top: 2.75rem !important;
}

.sub-section-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 575px) {
  .fixed-modal-right {
    min-width: 100%;
  }
  .fixed-modal-right > .panel {
    min-width: 100%;
  }
}
.toast {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  height: 3.5rem;
  background-color: #0c77be;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  transform: translate(-50%, 0);
}
.toast .toast-message {
  padding: 0 1rem;
  color: #ffffff;
  font-size: 0.875rem;
}
.toast i {
  margin-right: 0.5rem;
}

@media (max-width: 768px) {
  .toast {
    height: 3rem;
  }
}
@media (max-width: 576px) {
  .toast {
    height: 2.5rem;
  }
}
.badge {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  min-width: 1.5rem;
  padding: 0.25rem;
  border-radius: 0.125rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.badge.primary {
  background-color: #005f9e;
}
.badge.secondary {
  background-color: #009ad9;
}
.badge.success {
  background-color: #5e9331;
}
.badge.cta {
  background-color: #ffbe00;
}
.badge.error {
  background-color: #c81922;
}
.badge.dark {
  background-color: #363545;
}
.badge.light {
  background-color: #eaeaef;
  color: #363545;
}
.badge.default {
  background-color: #e2e2e7;
  color: #363545;
}
.badge.tertiary {
  background-color: #e5f0f8;
  color: #005f9e;
}
.badge span {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.badge.narrow {
  height: 1rem;
}
.badge.pill {
  text-align: center;
  border-radius: 3rem;
  padding: 0 0.35rem;
}
.badge.circle {
  border-radius: 50%;
}

/* Empty state */
.empty {
  display: flex;
  flex-flow: column nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 14.5rem;
  min-height: 14.5rem;
  margin: 0 auto;
  height: 100%;
}
.empty.small {
  min-width: 14.5rem;
}
.empty.small .empty-icon {
  min-height: 2.5rem;
  min-width: 2.5rem;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  color: #bfbfc6;
  font-size: 2.5rem;
}
.empty.small .empty-text {
  margin: 0.5rem 0.25rem;
}
.empty.small .empty-icon > .icon-font {
  min-height: 2.5rem;
  min-width: 2.5rem;
  font-size: 2.5rem;
}
.empty .empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14.5rem;
  min-height: 14.5rem;
  padding: 5rem;
  border-radius: 50%;
  margin-bottom: 1rem;
  background-color: #e2e2e7;
}
.empty .empty-icon > .icon-font {
  min-width: 4.5rem;
  min-height: 4.5rem;
  color: #bfbfc6;
  font-size: 4.5rem;
}
.empty .empty-text {
  margin-bottom: 1rem;
  text-align: center;
}

.trimble-application-error {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.trimble-application-error .error-text-container {
  display: flex;
  flex-direction: column;
}
.trimble-application-error .empty {
  max-width: 18.5rem;
}

.switch {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch-input {
  position: absolute !important;
  margin-bottom: 0;
  opacity: 0;
}

input + .switch-paddle {
  margin: 0;
}

input:checked ~ .switch-paddle {
  background: #005f9e;
}
input:checked ~ .switch-paddle::after {
  left: 1.15rem;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 2rem;
  height: 1rem;
  border-radius: 1.25rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: inherit;
  background: #aeaeb6;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  cursor: pointer;
}
.switch-paddle::after {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  transform: translate3d(0, 0, 0);
  border-radius: 50% !important;
  background: #ffffff;
  transition: all 0.25s ease-out;
  content: "";
}

.switch-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 2.5rem;
}
.switch-group > label.switch-label {
  color: #363545;
  font-size: 0.875rem;
}
.switch-group .switch {
  margin-left: 1rem;
}
.switch-group .switch.disabled {
  opacity: 0.5;
}
.switch-group .switch.disabled .switch-paddle {
  background-color: #aeaeb6;
}
.switch-group.switch-left {
  justify-content: flex-start;
}
.switch-group.switch-left .switch {
  margin-left: 0;
}
.switch-group.switch-left label {
  order: 3;
}
.switch-group.switch-left .switch-paddle {
  margin-right: 1rem !important;
}
.switch-group input:disabled, .switch-group input.disabled {
  opacity: 0.75 !important;
}

.head-container {
  margin-top: 0.5rem;
  width: 100%;
}
.head-container .page-heading {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 2.5rem;
  margin: 2rem 0 1rem 0;
  line-height: 1.6875rem;
}
.head-container .page-heading h1 {
  display: flex;
  flex-flow: column nowrap;
}
.head-container .page-heading h1 .sub-title {
  display: flex;
  font-size: 0.75rem;
}
.head-container .page-heading .heading-button-group {
  display: flex;
  justify-content: flex-end;
  min-height: 2.625rem;
  width: unset;
  align-items: center;
}
.head-container .page-heading .heading-button-group.overlap-breadcrumbs {
  position: absolute;
  z-index: 6;
}
.head-container .page-heading .heading-button-group.overlap-breadcrumbs.explorer {
  right: 2.5rem;
  top: 3rem;
}
.head-container .page-heading .heading-button-group.overlap-breadcrumbs.topics {
  right: 4.5rem;
  top: 3.9rem;
}
.head-container .page-heading .heading-button-group.header-content {
  align-items: start;
}
.head-container .page-heading .heading-button-group > button {
  flex: 0 0 auto;
  margin-left: 0.5rem;
}
.head-container .breadcrumbs ~ .page-heading {
  margin-top: 0;
}

@media (max-width: 768px) {
  .head-container .page-heading .heading-button-group.overlap-breadcrumbs.explorer {
    right: 5rem;
    top: 3.5rem;
  }
}
@media (max-width: 576px) {
  .head-container {
    margin-top: 0.5rem;
  }
  .head-container.without-custom-attributes {
    margin-bottom: 4rem;
  }
  .head-container .page-heading {
    flex-flow: column;
    align-items: inherit;
    margin: 2rem 0 0.5rem 0;
  }
  .head-container .page-heading .heading-button-group {
    justify-content: flex-end;
  }
  .head-container .page-heading .heading-button-group.overlap-breadcrumbs.explorer {
    right: 2rem;
    top: 3rem;
  }
}
.page-overlay {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(54, 53, 69, 0.3);
  z-index: 1004;
}

.toolbar-section {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  background-color: #f3f3f7;
  position: sticky !important;
  z-index: 4;
  top: 0;
}
.toolbar-section ~ .row .sticky-header {
  top: 2.5rem !important;
  z-index: 2 !important;
}
.toolbar-section.fixed-right {
  z-index: 1005 !important;
}

.toolbar-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.toolbar-right button {
  margin-left: 1rem;
}
.toolbar-right .search-bar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.toolbar-right.align-right {
  margin-left: auto;
}

@media (max-width: 768px) {
  .toolbar-right button {
    margin-top: 0rem;
  }
}
@media (max-width: 576px) {
  .toolbar-right .d-xl-none {
    display: none;
  }
  .toolbar-right button {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .toolbar-right .d-none {
    display: block !important;
  }
  .toolbar-right .d-xl-block {
    display: none !important;
  }
}
/*Banner starts here*/
.banner {
  font-size: 0.875rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 1.5rem 1rem;
}
.banner .banner-details {
  margin-right: 1rem;
  margin-left: 1.5rem;
  width: 100%;
}
.banner button.tertiary {
  margin-right: 0;
  margin-left: auto;
}
.banner a {
  text-decoration: underline;
  color: #ffffff;
}
.banner.upgrade {
  border-top: 0.0625rem solid #d0d0d7;
  background: rgba(255, 255, 255, 0.95);
}
.banner.upgrade .banner-details {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.banner.upgrade .banner-details h3 {
  flex: 1 0;
  margin-right: 1.5rem;
}
.banner.update {
  background: #17406a;
  color: #ffffff;
}
.banner.update i {
  color: #ffffff;
}
.banner.update .tertiary:hover {
  background: rgba(255, 255, 255, 0.3);
}
.banner.update.warning {
  background-color: #c81922;
}
.banner.downtime {
  background: #0c77be;
  color: #ffffff;
}

.mb-1 {
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .banner {
    padding: 1rem 0.5rem 1rem 1rem;
  }
  .banner .banner-details {
    margin-right: 0.5rem;
    margin-left: 0;
  }
  .banner .banner-details .wrap-button {
    width: 100%;
    margin-top: 0.5rem;
  }
  .banner h3 {
    margin-right: 0;
  }
  .banner.upgrade h3 {
    font-size: 0.875rem;
  }
  .banner.upgrade .cta {
    padding: 0.5rem;
    font-size: 0.75rem;
    min-height: 2rem;
  }
}
/*Banner ends here*/
/* @import '_colors.scss';
@import '_variables.scss'; */
.viewer-header-custom {
  box-shadow: none !important;
  border-bottom: 1px solid #bfbfc6;
}

.app-header {
  /* tc-cards host sits in the slotted light DOM; align it with the navbar row */
}
.app-header tc-cards {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
}
.app-header {
  z-index: 800;
  height: 4rem;
  background-color: #ffffff;
  display: block;
  padding: 0.5rem;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.app-header .vline {
  content: "";
  height: 2rem;
  border-left: 1px solid #d0d0d7;
}
.app-header .vline.ml {
  margin-left: 0.75rem;
}
.app-header .vline.mr {
  margin-right: 0.75rem;
}
.app-header .sidebar-toggle {
  display: flex;
  justify-content: center;
  margin-left: -0.3rem;
}
.app-header .logo {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.app-header .logo .app-logo {
  /* background: url(images/connect-logo-color.svg) no-repeat;*/
}
.app-header .logo .app-logo img {
  display: block;
  min-height: 2rem;
  max-height: 2rem;
  max-width: 12.85rem;
  width: auto;
  height: auto;
}
.app-header .logo .logo-type {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 2rem;
  border-left: solid 1px #d0d0d7;
}
.app-header .logo .logo-type.cad {
  border-left: none;
}
.app-header .logo .logo-type.cad span {
  font-size: 1.5rem;
  font-weight: normal;
}
.app-header.global-search {
  flex-wrap: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-header.global-search > div {
  flex: 1 1 auto;
}
.app-header.project {
  padding: 0;
}
.app-header.project > tc-modus-navbar {
  display: block;
  height: 100%;
  width: 100%;
  overflow: visible;
}
.app-header.project [slot=start],
.app-header.project [slot=end] {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 0;
}
.app-header.project [slot=start] {
  flex: 1 1 auto;
  min-width: 0;
}
.app-header.project #project-switcher {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}
.app-header.project .project-switcher-dropdown.tc-project-switcher-trigger .tc-modus-dropdown-trigger-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 20rem;
  font-size: 1rem;
  font-weight: 400;
  color: #363545;
}
.app-header .search-bar {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  min-width: 40rem;
  max-width: 40rem;
}
.app-header .search-bar .help-text {
  position: absolute;
  top: 3rem;
  left: 0;
  width: calc(100% - 2rem);
  padding: 0.5rem 1rem;
  margin: 0 1rem;
  border: 0.0625rem solid #e2e2e7;
  font-size: 0.75rem;
  color: #8c8b96;
  background-color: #ffffff;
}
.app-header .search-bar .button + input {
  padding: 0.5rem 0;
}
.app-header .search-bar .input-button-group > input[type=text] {
  min-height: 2.75rem !important;
}
.app-header .search-bar {
  /*.search{
           max-width:40rem;
      }*/
  /* .search-advanced{
          display: flex;
          width:100%;
          .input-button-group{
              flex:1 1 auto;
          }
          .search-advanced-btn{
              flex:1 0 auto;
          }
      } */
}
.app-header .switcher {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  color: #363545;
  flex-grow: 1;
  min-width: 0px;
}
.app-header .switcher .dropdown:focus {
  border-bottom: none;
}
.app-header .switcher span.name {
  color: #595868;
  font-size: 1rem;
  font-weight: 400;
}
.app-header .switcher > .dropdown-pane-container {
  width: 100%;
}
.app-header .switcher > .dropdown-pane-container > .select-menu {
  max-width: 100%;
  margin-right: 0;
}
.app-header .switcher > .dropdown-pane-container > .select-menu .name div:first-child {
  min-width: 0;
}
.app-header .switcher > .dropdown-pane-container > .select-menu:hover {
  background: none;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link {
  max-width: 100%;
  cursor: default;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .link-text {
  cursor: pointer;
  display: inline-block;
  max-width: calc(100% - 2rem);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #363545;
  vertical-align: middle;
  padding: 4px;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .link-button {
  display: inline-block;
  width: 1.5rem;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .project-switcher-dropdown modus-wc-dropdown-menu.tc-project-switcher-trigger modus-wc-button button.modus-wc-btn,
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .project-switcher-dropdown .tc-modus-dropdown-trigger {
  min-height: auto;
  height: auto;
  padding: 0;
  color: #363545;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .project-switcher-dropdown .project-switcher-trigger {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #363545;
  cursor: pointer;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .project-switcher-dropdown .project-switcher-trigger .project-name-trigger {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 20rem;
}
.app-header .switcher > .dropdown-pane-container > .dropdownpane-link .project-switcher-dropdown .project-switcher-trigger .tc-icon-arrow-drop-down {
  flex-shrink: 0;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd {
  left: 0px;
  width: 26rem;
  max-width: 26rem;
  padding: 2.5rem;
  overflow-x: hidden;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 1rem;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .title button {
  margin-left: auto;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list {
  max-height: 13rem;
  max-width: 100%;
  padding: 0;
  margin: 0.5rem 0 1rem 0;
  box-shadow: none;
  overflow-y: auto;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li .project-name {
  display: inline;
  flex: 1;
  justify-content: flex-start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li {
  border-bottom: 0.0625rem solid #d0d0d7;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li:first-child {
  border-top: 0.0625rem solid #d0d0d7;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li .icon-right {
  float: right;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.active {
  color: #005f9e;
  background-color: #e5f0f8;
  font-weight: 600;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.active i {
  color: #005f9e;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.locked:hover {
  cursor: default;
  background-color: transparent;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.locked img,
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.locked .project-thumbnail,
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .project-list li.locked .project-name {
  opacity: 0.5;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .auto-complete {
  padding: 1rem 0;
  width: 100%;
  max-height: 12.25rem !important;
}
.app-header .switcher > .dropdown-pane-container #project-switcher-dd .auto-complete i {
  margin-left: auto;
}
.app-header .switcher h5 .file-name {
  max-width: 18.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.app-header .switcher h5 .time-stamp {
  flex: 0 0 auto;
}
.app-header .global-nav-icons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
.app-header .global-nav-icons button,
.app-header .global-nav-icons tc-button {
  margin-left: 0.5rem;
}
.app-header .global-nav-icons button:not(.icon-circle) {
  margin-right: 0.5rem;
}
.app-header .global-nav-icons button.icon-square {
  margin-right: 0px !important;
}
.app-header .global-nav-icons button.more {
  display: none;
}
.app-header .dropdown-pane {
  max-height: 85vh !important;
}

.project-thumbnail {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
}
.project-thumbnail.small {
  width: 1.5rem;
  height: 1.5rem;
}
.project-thumbnail img {
  max-height: 100%;
  width: 100%;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  .app-header {
    height: 3rem;
  }
  .app-header .global-nav-icons button,
  .app-header .global-nav-icons tc-button {
    margin-left: 0;
  }
  .app-header .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .app-header.project .app-logo {
    display: none;
  }
  .app-header.project .global-nav-icons .more {
    display: flex;
  }
  .app-header h3,
  .app-header h5 {
    font-size: 0.875rem;
    font-weight: 400;
  }
  .app-header .switcher > .dropdown-pane-container #project-switcher-dd {
    max-width: 100vw;
    width: 100vw;
    padding: 2rem;
    left: 0;
    position: fixed;
  }
  .app-header .switcher h5 .file-name {
    max-width: 50%;
  }
  .app-header .button.sm-small {
    height: 2rem;
    padding: 0.5rem;
    font-size: 0.75rem;
  }
  .app-header .search-bar .input-button-group {
    min-height: 2.5rem;
  }
  .app-header .search-bar .input-button-group > input[type=text] {
    min-height: 2.5rem !important;
  }
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 577px) and (max-width: 767px) {
  .app-header {
    height: 3rem;
  }
  .app-header .global-nav-icons button,
  .app-header .global-nav-icons tc-button {
    margin-left: 0;
  }
  .app-header .global-nav-icons .more {
    display: flex;
  }
  .app-header .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .app-header.project .app-logo {
    display: none;
  }
  .app-header.project .global-nav-icons .more {
    display: flex;
  }
  .app-header h3 {
    font-size: 0.875rem;
  }
  .app-header .switcher > .dropdown-pane-container #project-switcher-dd {
    max-width: 100vw;
    width: 100vw;
    padding: 2rem;
    left: 0;
    position: fixed;
  }
  .app-header .switcher h5 .file-name {
    max-width: 50%;
  }
  .app-header .button.sm-small {
    padding: 0.5rem;
    font-size: 0.75rem;
    min-height: 2rem;
  }
  .app-header .search-bar .input-button-group {
    min-height: 2.5rem;
  }
  .app-header .search-bar .input-button-group > input[type=text] {
    min-height: 2.5rem !important;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .app-header .search-bar .help-text {
    top: 3.5rem;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .app-header {
    height: 3.5rem;
  }
  .app-header .global-nav-icons button,
  .app-header .global-nav-icons tc-button {
    margin-left: 0 !important;
  }
  .app-header .search-bar .help-text {
    top: 3.25rem;
  }
}
@media (min-width: 991px) {
  .global-search .search-bar {
    min-width: 40rem !important;
    max-width: 40rem !important;
  }
  .global-search .logo {
    margin-right: 8rem;
  }
}
@media (max-width: 991px) {
  .global-search .logo,
  .global-search .search-advanced {
    flex: 0 !important;
  }
  .global-search .search-bar {
    min-width: auto !important;
    max-width: inherit !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .global-search .search-bar {
    min-width: 35rem !important;
    max-width: 35rem !important;
  }
  .app-header.global-search {
    justify-content: space-between;
  }
}
/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) and (max-width: 991px) {
  .app-header {
    height: 3.5rem;
  }
  .app-header .global-nav-icons button,
  .app-header .global-nav-icons tc-button {
    margin-left: 0;
  }
  .app-header.project .app-logo {
    display: none;
  }
  .app-header .search-bar .help-text {
    top: 3.25rem;
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .app-header .logo .app-logo img {
    height: 2rem;
    max-height: 2rem;
    min-height: 2rem;
  }
}
@media (max-width: 767.98px) and (-webkit-min-device-pixel-ratio: 0) {
  .app-header .logo .app-logo img {
    height: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
  }
}
@media (max-width: 767px) {
  .app-header.global-search .search-bar {
    margin: 0 0.25rem;
  }
}
.search-advanced {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.search-advanced button.link-primary {
  white-space: nowrap;
}
@keyframes slideRightToLeftAnim {
  0% {
    right: -100%;
  }
  100% {
    right: 0%;
  }
}
@keyframes slideLeftToRightAnim {
  0% {
    right: 0%;
  }
  100% {
    right: -100%;
  }
}
.searchSlideLeftCls { /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
  animation: slideRightToLeftAnim 300ms linear forwards; /* IE 10+, Fx 29+ */
}

.searchSlideRightCls { /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
  animation: slideLeftToRightAnim 300ms linear forwards; /* IE 10+, Fx 29+ */
}

.search-bar-width-auto {
  flex: 0 0 auto;
  width: auto !important;
}

/*Lists*/
.list {
  padding: 0;
  margin: 0;
}
.list .list-item {
  padding: 0.5rem 1rem;
  min-height: 2.5rem;
  font-size: 0.875rem;
}
.list .list-item.group {
  padding: 0;
}
.list .list-item.group .group-items {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 2.5rem;
  width: 100%;
  border: none;
  box-sizing: border-box;
  padding: 0 1rem;
}
.list .list-item.group .group-items:hover {
  /*   background-color: inherit;
            cursor: inherit; */
}
.list .list-item.group .group-items .block {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list .list-item.group .group-items i {
  color: #6a6976;
}
.list .list-item.group .group-items i:first-child {
  margin-left: 0rem;
}
.list .list-item.group .group-items i.icon-right {
  margin: 0 0 0 0.5rem;
}
.list .list-item.group .group-items button:first-child {
  margin-left: -0.5rem;
}
.list .list-item.group .group-items button:last-child {
  margin-right: -0.5rem;
}
.list .list-item.group .group-items button.icon-small:first-child {
  margin-left: -0.25rem;
  margin-right: 0.25rem;
}
.list .list-item.group .group-items button i:first-child {
  margin-left: 0.5rem;
}
.list .list-item.group .group-items a {
  cursor: pointer;
}
.list .list-item.group .group-items a .group-items:hover {
  cursor: pointer;
  background-color: #eaeaef;
}
.list .list-item.group .group-items .dropdown-pane-container:not(:first-child) button.icon-small:first-child {
  margin-right: -0.25rem;
}
.list .list-item.group .group-items .dropdown-pane-container:not(:first-child) button:first-child {
  margin-right: -0.5rem;
}
.list .list-item.group .group-items.item-btn:hover {
  background-color: #eaeaef;
  cursor: pointer;
}
.list .list-item.group .group-items.item-btn .button.block {
  padding-left: 0;
  padding-right: 0;
  transition: color 0s ease-in-out, background-color 0s ease-in-out;
}
.list .list-item.group a .group-items:hover {
  cursor: pointer;
  background-color: #eaeaef;
}
.list .list-item.item-btn {
  padding: 0;
}
.list .list-item.item-btn a {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
}
.list .list-item.item-btn a.button.block {
  margin-right: 0.75rem;
  padding-left: 0;
  padding-right: 0;
}
.list .list-item.item-btn:hover {
  background-color: #eaeaef;
}
.list .list-item a {
  text-decoration: none;
  color: inherit;
  font-weight: 400;
  cursor: pointer;
}
.list .list-item a:hover {
  cursor: pointer;
  background-color: #eaeaef;
}
.list .list-item a.guidelines {
  color: #005f9e;
  font-weight: 600;
}
.list .list-item a.guidelines:hover {
  background-color: transparent;
}
.list .list-item.double-line {
  min-height: 3rem;
  line-height: 1rem;
}
.list .list-item.double-line .sub-text {
  color: #6a6976;
  font-size: 0.75rem;
}
.list .list-item i {
  margin-right: 0.5rem;
}
.list .list-item .right {
  display: flex;
  margin-left: auto;
  margin-right: 0;
}
.list .list-item.group .list-item.group .group-items {
  padding-left: 2.5rem;
}
.list.order-list .list-item {
  list-style-type: auto;
  list-style-position: inside;
  text-indent: -1rem;
  padding: 0 0 0.5rem 2rem;
  min-height: auto;
}

.select-menu-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 0.875rem;
}
.select-menu-item .icon {
  border-radius: 50%;
}
.select-menu-item .icon:hover {
  background-color: #cfe1ee;
}
.select-menu-item .control button:hover {
  background-color: #cfe1ee;
}
.select-menu-item label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #363545;
}
.select-menu-item .title .button {
  margin-right: -0.5rem;
}
.select-menu-item.multiple-line {
  padding: 0 0 0.5rem 0;
}
.select-menu-item.multiple-line > div {
  display: flex;
  flex-flow: column nowrap;
}
.select-menu-item.multiple-line > div:nth-child(2) {
  margin-top: 0.75rem;
}
.select-menu-item.multiple-line > div label,
.select-menu-item.multiple-line > div span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.select-menu-item.multiple-line .icon .custom-input + label:before,
.select-menu-item.multiple-line .icon .custom-input:checked + label:before,
.select-menu-item.multiple-line .icon .custom-input:indeterminate + label:before {
  top: 20%;
}
.select-menu-item:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.select-menu-item:hover label {
  cursor: inherit;
}
.select-menu-item {
  min-height: 2.5rem;
}
.select-menu-item:hover {
  background-color: #f3f3f7;
}
.select-menu-item.multiple-line {
  padding: 0 1rem 0.5rem 1rem;
}
.select-menu-item .icon {
  margin-left: -0.5rem;
}

.selectable:hover {
  background-color: #f3f3f7;
  cursor: pointer;
}
.selectable.active, .selectable.selected {
  color: #005f9e;
  background-color: #e5f0f8;
  font-weight: 600;
}
.selectable.active i, .selectable.selected i {
  color: #005f9e !important;
}
.selectable.disabled {
  opacity: 0.5;
}
.selectable.disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}

.tile {
  padding-top: 0.5rem;
  font-size: 0.875rem;
}
.tile > div {
  width: auto;
  position: relative;
}
.tile .media-object {
  width: 100%;
  max-width: 100% !important;
  height: 13.5rem;
  box-sizing: border-box;
  margin: 0 0 2rem;
  border-radius: 0.125rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.tile .media-object .thumbnail-wrapper {
  height: 100%;
  max-height: 10rem;
}
.tile .media-object .thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 10rem;
  height: 100%;
  width: 100%;
  color: #bfbfc6;
  background-size: cover;
  background-position: center center;
  background-color: #f9f9fb;
  overflow: hidden;
}
.tile .media-object .thumbnail img {
  max-height: 100%;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.tile .media-object .media-object-section {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.tile .media-object .media-object-section .media-object-details {
  overflow: hidden;
}
.tile .media-object .media-object-section .media-object-details h4,
.tile .media-object .media-object-section .media-object-details p {
  font-size: 0.875rem;
  color: #363545;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tile .media-object .media-object-section .media-object-details p {
  font-size: 0.75rem;
}
.tile .media-object:hover {
  box-shadow: 0 0 0.375rem #aeaeb6;
  cursor: pointer;
}
.tile .media-object.active .media-object-section {
  background-color: #e5f0f8;
}
.tile .media-object.active .media-object-details h4 {
  color: #005f9e;
}
.tile .media-object.active .icon-font {
  color: #005f9e;
}
.tile .media-object.active {
  box-shadow: 0 0 0.3125rem rgba(0, 95, 158, 0.75);
}
.tile .media-object.locked {
  position: relative;
}
.tile .media-object.locked.lock-project {
  pointer-events: none !important;
}
.tile .media-object.locked .tile-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 1rem;
}
.tile .media-object.locked:hover {
  box-shadow: 0 0 0.25rem #aeaeb6;
  cursor: default;
}
.tile .media-object.locked .media-object-section {
  opacity: 0.3;
}

.sidebar {
  position: fixed;
  width: 16rem;
  height: 100%;
  padding: 0;
  background: #00437b;
  transition: 0.5s, background-color 0s;
  overflow-y: unset;
  z-index: 10;
}
.sidebar .nav-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 3rem;
  padding: 0.5rem;
  background: #ffffff;
}
.sidebar .nav-header button {
  margin-right: 0.5rem;
}
.sidebar .nav-header .app-logo {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.sidebar .nav-header .app-logo img {
  max-height: 2rem;
  max-width: 95%;
}
.sidebar.collapsed {
  width: 4rem;
}
.sidebar.collapsed .nav-header {
  display: none;
}
.sidebar.collapsed > .list {
  overflow-y: auto;
}
.sidebar.collapsed .list {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.sidebar.collapsed .list.nav .list-item.inline.active {
  border-left: 0.25rem solid transparent;
}
.sidebar.collapsed .list.nav .list-item.group {
  position: unset !important;
}
.sidebar.collapsed .list.nav .list-item.group .group-items.tree-button {
  display: none;
}
.sidebar.collapsed .list.nav .list-item.group .group-items.active {
  border-left: 0.25rem solid transparent;
}
.sidebar.collapsed .list.nav .list-item.group .group-items .block {
  display: none;
}
.sidebar.collapsed .list.nav .list-item.group .group-items {
  /*    .i-expand{
                    display: none;
                } */
}
.sidebar.collapsed .list.nav .list-item.group .group-items .i-collapse {
  display: inline-block;
}
.sidebar.collapsed .list.nav .list-item.group .group-items:hover .rotate {
  transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.25s ease-in-out;
}
.sidebar.collapsed .list.nav .list-item.group .list.nav {
  position: absolute;
  left: 4rem;
  width: 13.75rem;
  background: #00437b;
  box-shadow: 0.0625rem 0.0625rem 0.25rem #363545;
}
.sidebar.collapsed .list.nav .list-item.group .list.nav .list-item.group .group-items {
  padding-left: 1rem;
}
.sidebar.collapsed .list.nav .list-item.group .list.nav .list-item.group .group-items .block {
  display: inline;
  margin-left: 0.5rem;
}
.sidebar.collapsed .list.nav .list-item.group .list.nav .list-item.group .group-items .i16 {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.sidebar.collapsed .list.nav .list-item.group .list.nav .list-item.group.inline {
  border-left: 0;
}
.sidebar.collapsed .list.nav.admin .list-item.group .group-items.active, .sidebar.collapsed .list.nav.site-admin .list-item.group .group-items.active {
  border-left: 0.25rem solid transparent;
}
.sidebar .list.nav.mt {
  margin: 0.5rem 0;
}
.sidebar .list.nav .list-item.group {
  /*  position: relative; */
  padding: 0;
  color: #ffffff;
}
.sidebar .list.nav .list-item.group .group-items {
  min-height: 3rem;
  height: 3rem;
  border-left: 0.25rem solid transparent;
  font-weight: 400;
  cursor: pointer;
}
.sidebar .list.nav .list-item.group .group-items:hover {
  background-color: #07599b;
}
.sidebar .list.nav .list-item.group .group-items:hover .rotate {
  transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.25s ease-in-out;
}
.sidebar .list.nav .list-item.group .group-items.active {
  position: relative;
  background-color: #0c77be;
  font-weight: 600;
  border-left: 0.25rem solid #ffffff;
}
.sidebar .list.nav .list-item.group .group-items i {
  color: #ffffff;
  margin: 0;
  flex-shrink: 0;
}
.sidebar .list.nav .list-item.group .group-items i.i16 {
  min-width: 1rem;
}
.sidebar .list.nav .list-item.group .group-items .block {
  margin-left: 1rem;
}
.sidebar .list.nav .list-item.group .group-items .list {
  margin-top: 0;
}
.sidebar .list.nav .list-item.group .group-items .list .group-items {
  padding-left: 2rem;
}
.sidebar .list.nav .list-item.group .group-items.tree-button {
  display: flex;
  flex: 0;
  width: 3.5rem;
  min-width: 3.5rem;
  padding: 0 1rem;
  margin-left: auto;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
}
.sidebar .list.nav .list-item.group .group-items.tree-button:hover {
  background-color: rgba(255, 255, 255, 0.125);
}
.sidebar .list.nav .list-item.group .group-items.tree-button.active {
  background-color: #005f9e;
}
.sidebar .list.nav .list-item.group .group-items.tree-button i {
  margin-right: 0;
}
.sidebar .list.nav .list-item.group .group-items .icon-small {
  flex-grow: 0;
  flex-shrink: 0;
}
.sidebar .list.nav .list-item.group .group-items .dropdown-list {
  color: #363545;
}
.sidebar .list.nav .list-item.group .group-items .dropdown-list i {
  color: inherit;
}
.sidebar .list.nav .list-item.group .group-items button i:first-child {
  margin-left: 0;
}
.sidebar .list.nav .list-item.group .group-items .i-collapse {
  display: none;
}
.sidebar .list.nav .list-item.group.inline {
  display: flex;
  align-items: center;
  border-left: 0.25rem solid transparent;
}
.sidebar .list.nav .list-item.group.inline:hover {
  background-color: #07599b;
}
.sidebar .list.nav .list-item.group.inline.active {
  position: relative;
  background-color: #0c77be;
  font-weight: 600;
  border-left: 0.25rem solid #ffffff;
}
.sidebar .list.nav .list-item.group.inline.active .group-items .block {
  font-weight: 600;
}
.sidebar .list.nav .list-item.group.inline.active .group-items:hover {
  background-color: transparent;
}
.sidebar .list.nav .list-item.parent-node {
  background-color: #07599b;
}
.sidebar .list.nav.admin .list-item.group.inline {
  display: flex;
  align-items: center;
  border-left: 0.25rem solid transparent;
}
.sidebar .list.nav.admin .list-item.group.inline:hover {
  background-color: #f9f9fb;
}
.sidebar .list.nav.admin .list-item.group.inline.active {
  border-left: 0.25rem solid #0c77be;
  color: #0c77be;
  background-color: #ffffff;
  font-weight: 600;
}
.sidebar .list.nav.admin .list-item.group.inline.active i {
  color: #0c77be;
}
.sidebar .list.nav.admin .list-item.group {
  color: #6a6976;
}
.sidebar .list.nav.admin .list-item.group .group-items:hover {
  background-color: #f9f9fb;
}
.sidebar .list.nav.admin .list-item.group .group-items.active {
  border-left: 0.25rem solid #0c77be;
  color: #0c77be;
  background-color: #ffffff;
  font-weight: 600;
}
.sidebar .list.nav.admin .list-item.group .group-items.active i {
  color: #0c77be;
}
.sidebar .list.nav.admin .list-item.group .group-items i {
  color: #6a6976;
}
.sidebar .list.nav.admin .list-item.group .list.nav {
  background-color: #f3f3f7;
}
.sidebar .list.nav.admin .list-item.parent-node {
  background-color: #f9f9fb;
}
.sidebar .list.nav.site-admin .list-item.group {
  color: #ffffff;
}
.sidebar .list.nav.site-admin .list-item.group .group-items:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.sidebar .list.nav.site-admin .list-item.group .group-items.active {
  border-left: 0.25rem solid #ffffff;
  color: #ffffff;
  background-color: #0c77be;
  font-weight: 600;
}
.sidebar .list.nav.site-admin .list-item.group .group-items.active i {
  color: #ffffff;
}
.sidebar .list.nav.site-admin .list-item.group .group-items i {
  color: #ffffff;
}
.sidebar.folder-tree {
  width: 16rem;
  min-width: 16rem;
  background-color: #005f9e;
  height: calc(100% - 4rem);
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.sidebar.folder-tree header {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.sidebar.folder-tree header .panel-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.sidebar.folder-tree header button.back {
  margin-left: -0.5rem;
}
.sidebar.folder-tree header.multi-row {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.sidebar.folder-tree header.multi-row .row {
  display: flex;
  flex-flow: row nowrap;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  margin: 0;
  overflow: hidden;
}
.sidebar.folder-tree header.multi-row .row:first-child:not(:only-child) {
  padding-bottom: 0.25rem;
}
.sidebar.folder-tree header.multi-row .row + .row {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.sidebar.folder-tree header.multi-row .row.secondary {
  align-items: center;
  border-top: 0.0625rem solid #d0d0d7;
  padding: 0 1rem 0 0rem;
  min-height: 3rem;
}
.sidebar.folder-tree header.multi-row .row.secondary .icon-large {
  border-right: 0.0625rem solid #d0d0d7;
}
.sidebar.folder-tree header {
  color: #ffffff;
}
.sidebar.folder-tree header i {
  color: #ffffff;
}
.sidebar.folder-tree header {
  border-color: #0c77be;
}
.sidebar.folder-tree .list {
  margin-top: 0;
  flex: 1 1 auto;
}
.sidebar.folder-tree .list .all-projects {
  border-bottom: 0.0625rem solid #007bff;
}
.sidebar.folder-tree .list .list-item {
  color: #ffffff;
  font-size: 0.8125rem;
}
.sidebar.folder-tree .list .list-item.group .group-items {
  min-height: 2.5rem;
  height: 2.5rem;
  border: none;
  padding: 0 0.5rem 0 2.5rem;
}
.sidebar.folder-tree .list .list-item.group .group-items .block {
  margin-left: 0;
  padding: 0.7rem 0;
}
.sidebar.folder-tree .list .list-item.group .group-items.project-name {
  min-height: 2.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.sidebar.folder-tree .list .list-item.group .group-items:hover {
  background-color: #07599b;
}
.sidebar.folder-tree .list .list-item.group .group-items.active {
  border: none;
  background-color: #0c77be;
}
.sidebar.folder-tree .list .list-item.group .group-items button.rotate {
  transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.25s ease-in-out;
}
.sidebar.folder-tree .list .list-item.group .group-items button.icon-small {
  height: 2rem;
}
.sidebar.folder-tree .list .list-item.group .group-items > button + .block {
  padding-left: 0;
}
.sidebar.folder-tree .list .list-item.group .group-items > button {
  margin-left: -2.25rem;
}
.sidebar.folder-tree .list .list-item.loader {
  text-align: center;
}
.sidebar.folder-tree .list.overflow-vscroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar.folder-tree .list .tree-more-options {
  display: none;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane-container .icon-small {
  margin: 0 !important;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane-container .dropdown-pane {
  position: absolute;
  z-index: 10;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane-container .dropdown-pane .list-item.active {
  background: #ffffff !important;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane {
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane .dropdown-list {
  display: flex;
  flex-flow: row nowrap;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane .dropdown-list li {
  padding: 0.5rem 0;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane .dropdown-list li .icon-circle {
  border-radius: 0;
  padding: 0;
  min-width: 2.5rem;
  height: 2.5rem;
  justify-content: flex-end;
}
.sidebar.folder-tree .list .tree-more-options .dropdown-pane .dropdown-list li button .icon-small:first-child {
  margin: 0;
}
.sidebar.folder-tree .list .list-item .group-items:hover .tree-more-options {
  display: block;
}
.sidebar.folder-tree.no-header {
  height: 100%;
}
.sidebar.admin {
  background-color: #eaeaef;
}
.sidebar.site-admin {
  background-color: #1b1a26;
}

.wrap-folder-tree {
  position: absolute;
  height: 100vh;
  z-index: 9;
}
.wrap-folder-tree .resize-handler {
  width: 0.3125rem;
  background-color: #00437b;
  opacity: 0.1;
  cursor: col-resize;
  height: 100%;
  position: absolute;
  right: -0.3125rem;
  top: 0;
}
.wrap-folder-tree .resize-handler:hover {
  width: 0.5rem;
  opacity: 0.8;
}

#main {
  height: 100%;
  transition: 0.5s;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  .sidebar .nav-header .app-logo img {
    height: 1.5rem;
  }
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 577px) and (max-width: 767px) {
  .sidebar .nav-header .app-logo img {
    height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .sidebar .nav-header {
    height: 3.5rem;
  }
}
@media (max-width: 767px) {
  .sidebar .list.nav.mt {
    height: calc(100% - 3.5rem);
    overflow-y: auto;
  }
}
@media (max-width: 576px) {
  .sidebar {
    top: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 1199px) {
  .sidebar.expanded {
    top: 0 !important;
  }
}
.sidebar.expanded {
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .sidebar.expanded {
    height: calc(100% - 4rem);
  }
}
.input-group.tags {
  border-bottom: 0.0625rem solid #363545;
}
.input-group.tags .group-items {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  border: solid 0.0625rem #e2e2e7;
  background-color: #ffffff;
}
.input-group.tags .group-items ul {
  display: flex;
  flex-flow: row wrap;
  max-width: calc(100% - 3rem);
}
.input-group.tags .group-items ul li {
  width: 100%;
}
.input-group.tags .group-items ul .chips {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  height: 2rem;
  width: auto !important;
  max-width: 100%;
  padding-left: 0.75rem;
  margin: 0.5rem 0.5rem 0 0;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #eaeaef;
  color: #6a6976;
  font-size: 0.875rem;
}
.input-group.tags .group-items ul .chips span {
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.input-group.tags .group-items ul .chips button {
  color: #6a6976;
}
.input-group.tags .group-items ul .chips button:hover {
  background-color: #d0d0d7;
}
.input-group.tags .group-items ul .chips button:active, .input-group.tags .group-items ul .chips button.active {
  background-color: #bfbfc6;
  color: #6a6976;
}
.input-group.tags .group-items ul .chips button:active i, .input-group.tags .group-items ul .chips button.active i {
  color: #6a6976;
}
.input-group.tags .group-items ul .chips button.icon-small {
  padding: 0.5rem;
}
.input-group.tags .group-items ul .chips.error {
  background-color: rgba(200, 25, 34, 0.2);
  color: #c81922;
}
.input-group.tags .group-items ul .chips.error button {
  color: #c81922;
}
.input-group.tags .group-items ul .chips.error button:hover {
  background-color: rgba(200, 25, 34, 0.3);
}
.input-group.tags .group-items ul .chips.error button:active, .input-group.tags .group-items ul .chips.error button.active {
  background-color: rgba(200, 25, 34, 0.4);
  color: #c81922;
}
.input-group.tags .group-items ul .chips.error button:active i, .input-group.tags .group-items ul .chips.error button.active i {
  color: #c81922;
}
.input-group.tags .group-items ul .chips.non-editable {
  padding: 0 0.45rem;
  margin: 0 0.5rem 0.5rem 0;
  max-width: 16rem;
}
.input-group.tags .group-items ul .chips.non-editable span {
  max-width: 100%;
}
.input-group.tags .group-items ul .chips.circle {
  min-width: 2rem;
  justify-content: center;
}
.input-group.tags .group-items ul .chips.circle span {
  text-overflow: inherit;
}
.input-group.tags .group-items ul input[type=text] {
  border: none;
}
.input-group.tags .group-items ul input[type=text]:focus {
  border-bottom: none !important;
}
.input-group.tags .group-items.error .line {
  background-color: #c81922;
}
.input-group.tags .group-items .line {
  bottom: -2px;
}

.tag-spacing {
  display: flex !important;
  justify-content: inherit !important;
}

.tags-single-line {
  max-width: 100% !important;
}
.tags-single-line li.search-box {
  width: auto;
  flex: 1;
}
.tags-single-line li.search-box input[type=text] {
  min-height: 40px;
}
.tags-single-line .chips {
  border-radius: 4px !important;
  min-height: 27px !important;
  height: 27px !important;
}

.tags-dd-fullheigth {
  max-height: none !important;
}

.tabs {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid #e2e2e7;
  font-size: 0.875rem;
}
.tabs li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 3rem;
  border-bottom: 0.1875rem solid transparent;
  color: #6a6976;
  text-align: center;
  cursor: pointer;
}
.tabs li.no-flex {
  flex: 0 0 auto;
}
.tabs li > a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 3rem;
  color: #6a6976;
  font-weight: normal;
  text-decoration: none;
}
.tabs li.active {
  border-bottom: 0.1875rem solid #0c77be;
  color: #0c77be;
  font-weight: 600;
}
.tabs li.active > a {
  color: #0c77be;
  font-weight: 600;
}

.tabs-content .tabs-panel {
  display: none;
  padding: 0;
}
.tabs-content .tabs-panel.active {
  display: block;
}

.snackbar {
  visibility: hidden;
  min-width: 19rem;
  max-width: 21.5rem;
  min-height: 3rem;
  padding: 1rem;
  background-color: #363545;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
  border-radius: 0.125rem;
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 1025 !important;
  white-space: pre-wrap;
  word-break: break-word;
}
.snackbar label {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  align-items: center !important;
}
.snackbar.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 1.875rem;
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    bottom: 1.875rem;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
/*OTHER DEVICES*/
/* XS & SM */
@media screen and (min-width: 75rem) {
  .snackbar {
    min-width: auto;
    max-width: calc(40% - 1.5rem);
  }
}
@media screen and (max-width: 75rem) {
  .snackbar {
    max-width: calc(50% - 1.5rem);
  }
}
@media screen and (max-width: 48rem) {
  .snackbar {
    max-width: calc(80% - 1.5rem);
  }
}
@media screen and (max-width: 30rem) {
  .snackbar {
    min-width: auto !important;
    max-width: calc(100% - 1.5rem) !important;
    left: 0.75rem;
  }
}
.droppable {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 0.0625rem dashed #d0d0d7;
  font-size: 0.875rem;
  color: #8c8b96;
  min-height: 4rem;
  padding: 1.5rem;
  text-align: center;
}
.droppable.active {
  border: 0.0625rem dashed #0c77be !important;
  color: #0c77be;
  background-color: #e5f0f8;
  font-weight: 600;
}
.droppable.error {
  border: dashed 0.0625rem #bc0911;
  color: #bc0911;
  font-weight: 600;
  background-color: rgba(244, 209, 211, 0.5);
}

.field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 3rem;
  margin: 0.5rem 0 0.5rem 0;
  padding: 0.7rem 1rem;
  border: 0.0625rem solid #d0d0d7;
  border-radius: 0.125rem;
  color: #6a6976;
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}
.field i {
  margin-right: 0.5rem;
}
.field:hover {
  background: #f3f3f7;
}
.field.source:hover {
  box-shadow: 0 0 0.25rem #aeaeb6;
  background: #ffffff;
}
.field .wrap-input-type {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.field .wrap-input-type label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.field .icon-toggle {
  margin-left: 1rem;
}
.field .input-group {
  margin-bottom: 0;
}

.editor {
  margin-bottom: 2.5rem;
  padding: 2.5rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.editor .status {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
}
.editor .status p {
  margin-bottom: 0;
}
.editor li .tc-icon-drag-horiz {
  visibility: hidden;
}
.editor li .field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0.75rem 2.5rem;
  border-width: 0.0625rem 0 0 0;
}
.editor li .field i {
  margin-right: 1.5rem;
}
.editor li .field button i {
  margin: 0;
}
.editor li section {
  display: none;
}
.editor li.field-editor {
  min-height: 3rem;
  border-radius: 0.125rem;
  color: #6a6976;
  background-color: #ffffff;
  font-size: 0.875rem;
  cursor: pointer;
  border-left: 4px solid #ffffff;
  font-weight: 600;
  transition: ease-in-out 0.15s;
}
.editor li.field-editor input[type=text],
.editor li.field-editor input[type=email],
.editor li.field-editor input[type=password],
.editor li.field-editor textarea {
  padding-left: 1rem;
}
.editor li.field-editor.expand {
  position: relative;
  z-index: 1;
  display: block;
  padding: 2rem 2.5rem;
  border-left: 4px solid #0c77be;
  box-shadow: 0 0 0.375rem 0 #bfbfc6;
}
.editor li.field-editor.expand input[type=text],
.editor li.field-editor.expand input[type=email],
.editor li.field-editor.expand input[type=password],
.editor li.field-editor.expand textarea {
  padding: 0.5rem 0.75rem;
}
.editor li.field-editor.expand .tc-icon-drag-horiz {
  position: absolute;
  top: 0;
  left: 50%;
  visibility: hidden;
  cursor: move;
}
.editor li.field-editor.expand .field {
  padding: 0.5rem 0;
  border: none;
  font-weight: 400;
  cursor: default;
}
.editor li.field-editor.expand .field .input-group {
  flex: 1;
  min-height: auto;
}
.editor li.field-editor.expand .field:hover {
  background: #ffffff;
}
.editor li.field-editor.expand header {
  border-top: 0;
}
.editor li.field-editor.expand header .input-group {
  min-height: 3rem;
}
.editor li.field-editor.expand section {
  display: block;
}
.editor li.field-editor.expand section .field {
  border: 0;
}
.editor li.field-editor.expand section .field .tc-icon-drag-vert {
  visibility: hidden;
  cursor: move;
}
.editor li.field-editor.expand section .field .input-group {
  margin-left: 3rem;
}
.editor li.field-editor.expand section .field .input-group + .input-group {
  margin-left: 2rem;
}
.editor li.field-editor.expand section .field.draggable {
  cursor: pointer;
}
.editor li.field-editor.expand section .field.draggable .input-group {
  margin-left: 0;
}
.editor li.field-editor.expand section .field.draggable:hover .tc-icon-drag-vert {
  visibility: visible;
}
.editor li.field-editor.expand section p {
  margin-left: 4rem;
}
.editor li.field-editor.expand section .input-group.row-items {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.editor li.field-editor.expand section .input-group.row-items .input-focus-group {
  flex: 1;
}
.editor li.field-editor.expand section .input-group.row-items .checkradio {
  flex: 0;
  margin: 0 1rem;
}
.editor li.field-editor.expand section .input-group.row-items .error-message {
  flex: 1 0 100%;
}
.editor li.field-editor.expand section .input-group.row-items .check-with-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 1rem;
  color: #363545;
}
.editor li.field-editor.expand section .input-group.row-items .check-with-label label {
  color: #363545;
  font-size: 0.875rem;
}
.editor li.field-editor.expand section .input-group.row-items .close {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.editor li.field-editor.expand section .add {
  margin-left: 3rem;
}
.editor li.field-editor.expand footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1.25rem;
  border-top: solid 0.0625rem #d0d0d7;
}
.editor li.field-editor.expand:hover .tc-icon-drag-horiz {
  visibility: visible;
}
.editor li.field-editor .ondragover {
  height: 2rem;
  background-color: #eaeaef;
}

.editor-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.5rem;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  .editor {
    padding: 1rem;
  }
  .editor li.field-editor.expand {
    padding: 1rem 1.5rem;
  }
  .editor li.field-editor.expand section .input-group.row-items .check-with-label {
    margin: 0 0.25rem;
  }
  .editor .status {
    align-items: flex-start;
  }
}
.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mh-5 {
  min-height: 2.5rem !important;
}

.mh-auto {
  min-height: auto !important;
}

.mxh-auto {
  max-height: unset !important;
}

.mt-n1 {
  margin-top: -0.5rem !important;
}

.mr-n1 {
  margin-right: -0.5rem !important;
}

.mb-n1 {
  margin-bottom: -0.5rem !important;
}

.ml-n1 {
  margin-left: -0.5rem !important;
}

@media (min-width: 576px) and (max-width: 992px) {
  .breadcrumbs li {
    font-size: 1.125rem;
  }
  .breadcrumbs li a {
    font-size: 1.125rem;
  }
  .breadcrumbs .dropdown-list li:last-child {
    max-width: 10rem;
  }
  .breadcrumbs .dropdown-list li a {
    font-size: 0.875rem;
    max-width: 10rem;
  }
  .breadcrumbs.small {
    font-size: 0.875rem !important;
  }
  .breadcrumbs.small li a {
    font-size: 0.875rem !important;
  }
  .breadcrumbs.small li .connect-dropdown-menu {
    margin-right: 0;
  }
  .breadcrumbs.small li:last-child {
    font-size: 0.875rem !important;
  }
}
@media (max-width: 576px) {
  .breadcrumbs li {
    font-size: 1rem;
  }
  .breadcrumbs li a {
    font-size: 1rem;
  }
  .breadcrumbs .dropdown-list li:last-child {
    max-width: 10rem;
  }
  .breadcrumbs .dropdown-list li a {
    font-size: 0.875rem;
    max-width: 10rem;
  }
  .breadcrumbs.small {
    font-size: 0.875rem !important;
  }
  .breadcrumbs.small li a {
    font-size: 0.875rem !important;
  }
  .breadcrumbs.small li .connect-dropdown-menu {
    margin-right: 0;
  }
  .breadcrumbs.small li:last-child {
    font-size: 0.875rem !important;
  }
}
.breadcrumbs {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 1.25rem;
  min-height: 1.5rem;
  min-width: 0;
  flex-grow: 1;
}
.breadcrumbs li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  color: #6a6976;
}
.breadcrumbs li:last-child {
  font-weight: 400;
  color: #363545;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.breadcrumbs li a {
  color: #8c8b96;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.25rem;
}
.breadcrumbs li i {
  color: #bfbfc6;
}
.breadcrumbs li:hover {
  background-color: #e2e2e7;
}
.breadcrumbs .dropdown-list li:last-child {
  max-width: 10rem;
}
.breadcrumbs .dropdown-list li a {
  font-size: 0.875rem;
  max-width: 10rem;
}
.breadcrumbs.small {
  font-size: 0.875rem !important;
}
.breadcrumbs.small li a {
  font-size: 0.875rem !important;
}
.breadcrumbs.small li .connect-dropdown-menu {
  margin-right: 0;
}
.breadcrumbs.small li:last-child {
  font-size: 0.875rem !important;
}

.module {
  padding: 1.75rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
  box-sizing: border-box;
}
.module header {
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}
.module.collapsed {
  cursor: pointer;
}

@media (min-width: 768px) {
  .module {
    padding: 2.5rem;
  }
}
.notification {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #d0d0d7;
  background-color: #ffffff;
  font-size: 0.875rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.notification:before {
  position: absolute;
  height: 100%;
  display: block;
  width: 3px;
  left: 0;
  top: 0;
  content: "";
}
.notification .status {
  flex: 0;
  margin: 0 1rem 0 1rem;
}
.notification .status i {
  color: transparent;
}
.notification .details {
  flex: 1 1 auto;
}
.notification .details .date {
  display: flex;
  flex-flow: row nowrap;
}
.notification.new .status i {
  color: #005f9e;
}
.notification.active {
  background-color: #e5f0f8;
  color: #005f9e;
}
.notification.active:before {
  background: #005f9e;
}
.notification.new p, .notification.active p {
  font-weight: 600;
}
.notification {
  cursor: pointer;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
  .notification .status {
    margin: 0 0.5rem 0 0;
  }
  .notification .details .date {
    flex-flow: column wrap;
  }
  .notification .details .date span {
    display: none;
  }
}
@media (max-width: 991px) {
  .heading-button-group {
    position: relative;
    right: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .heading-button-group {
    width: 50%;
  }
}
.alert {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  background-color: transparent;
  color: #6a6976;
  font-size: 0.75rem;
  font-weight: 400;
}
.alert.full-width {
  display: block;
  width: 100%;
}
.alert.info {
  background-color: #e5f0f8;
  color: #0c77be;
  font-weight: 600;
}
.alert.warning {
  background-color: #fff2cc;
  font-weight: 600;
}
.alert.error {
  background-color: rgba(244, 209, 211, 0.5);
  color: #a51d25;
  font-weight: 600;
}

.project-img-settings {
  width: 3rem;
  height: 3rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #d0d0d7;
}
.project-img-settings img.thumbnail.micro {
  width: 3rem;
  max-width: 100%;
  height: 3rem;
  max-height: 100%;
}
.project-img-settings img {
  object-fit: cover;
}

.fileUploadButton {
  position: absolute;
  left: 4rem;
  bottom: 0;
}

.settings-preference .notify-list-header {
  background-color: #eaeaef;
  font-weight: 600;
}
.settings-preference .notify-list-header .mail-type {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block !important;
}
.settings-preference .wrap-mail-types {
  width: 10rem;
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
}
.settings-preference .wrap-mail-types .mail-type {
  width: 5rem;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.settings-preference > .list > li:last-child {
  border-bottom: 1px solid #d0d0d7;
}
.settings-preference .list li {
  border-top: 1px solid #d0d0d7;
}

#subItemList {
  display: none;
}

/*OTHER DEVICES*/
/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  .xs-mb-2 {
    margin-bottom: 1rem !important;
  }
  .settings-preference .wrap-mail-types {
    width: 7rem;
  }
  .settings-preference .wrap-mail-types .mail-type {
    width: 3.5rem;
  }
  .settings-preference .list .list-item .group-items {
    padding: 0 0.5rem;
  }
  .settings-preference .remove-truncate {
    white-space: normal !important;
    overflow: auto !important;
  }
}
.project-location-crs .map-heading,
.project-location-crs .crs-heading {
  min-height: 40px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.project-location-crs .crs-heading {
  display: flex;
  flex-flow: row nowrap;
}
.project-location-crs .map-container {
  width: 100%;
  height: 400px;
}
.project-location-crs #projectBoundaryMap {
  width: 100%;
  height: 100%;
}
.project-location-crs .boundary-coordinates-input textarea {
  min-height: 240px;
}
.project-location-crs .tc-crs-display {
  margin-top: 0.5rem;
}
.project-location-crs .tc-crs-display-empty {
  font-size: 14px;
  color: #6a6976;
}
.project-location-crs .tc-crs-view-toggle {
  display: inline-flex;
  background: #eaeaef;
  border-radius: 2px;
  padding: 2px;
  margin-bottom: 0.25rem;
}
.project-location-crs .tc-crs-view-toggle-btn {
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  line-height: 1;
  background: transparent;
  color: #6a6976;
  transition: background-color 0.15s, color 0.15s;
}
.project-location-crs .tc-crs-view-toggle-btn:hover {
  background: rgba(208, 208, 215, 0.5);
}
.project-location-crs .tc-crs-view-toggle-btn--active {
  background: #6a6976;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.project-location-crs .tc-crs-view-toggle-btn--active:hover {
  background: #6a6976;
}
.project-location-crs .tc-crs-summary {
  margin-top: 0.5rem;
  font-size: 13px;
  color: #363545;
}
.project-location-crs .tc-crs-summary-grid {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-column-gap: 1rem;
  column-gap: 1rem;
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}
.project-location-crs .tc-crs-summary-label {
  font-weight: 600;
  color: #363545;
}
.project-location-crs .tc-crs-summary-value {
  color: #363545;
}
.project-location-crs .tc-crs-summary-tag {
  color: #005f9e;
  font-weight: 600;
  font-size: 11px;
  margin-left: 6px;
}
.project-location-crs .tc-crs-detailed {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  margin-top: 1rem;
}
.project-location-crs .tc-crs-detailed-column-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.project-location-crs .tc-crs-detailed-column-header h4 {
  font-size: 13px;
  font-weight: 700;
  color: #363545;
  margin: 0;
}
.project-location-crs .tc-crs-detailed-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.project-location-crs .tc-crs-detailed-not-configured {
  font-size: 13px;
  font-style: italic;
  color: #6a6976;
}
.project-location-crs .tc-crs-detailed-empty {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.project-location-crs .tc-crs-field-label {
  font-size: 12px;
  color: #6a6976;
  margin-bottom: 2px;
}
.project-location-crs .tc-crs-field-value {
  font-size: 13px;
  color: #363545;
}
.project-location-crs .tc-crs-add-link {
  font-size: 12px;
  text-align: left;
}
.project-location-crs #crsImportWizard .reveal {
  min-width: 44rem;
  max-width: 44rem;
}
.project-location-crs #crsImportWizard .tc-crs-import-wizard h3 {
  font-size: 16px;
  font-weight: 700;
  color: #363545;
  margin: 0 0 0.5rem;
}
.project-location-crs #crsImportWizard .tc-crs-import-wizard p {
  font-size: 14px;
  color: #8c8b96;
  margin: 0;
}
.project-location-crs #crsImportWizard .tc-crs-import-upload .wrap-upload-options .drop-area {
  cursor: pointer;
  transition: border-color 0.15s, opacity 0.15s;
}
.project-location-crs #crsImportWizard .tc-crs-import-upload .wrap-upload-options .drop-area:hover {
  border-color: #005f9e;
}
.project-location-crs #crsImportWizard .tc-crs-import-upload .wrap-upload-options .drop-area.is-drag-enter {
  opacity: 0.5;
  border-color: #005f9e;
}
.project-location-crs #crsImportWizard .tc-crs-import-selected-file {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid #005f9e;
  border-radius: 0.125rem;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #363545;
}
.project-location-crs #crsImportWizard .tc-crs-import-selected-file .text-meta {
  font-weight: 400;
}
.project-location-crs #crsImportWizard .tc-crs-import-selected-file .tc-crs-import-selected-file-remove {
  margin-left: auto;
}
.project-location-crs #crsImportWizard .tc-crs-import-analyzing {
  padding: 2rem 0;
}
.project-location-crs #crsImportWizard .tc-crs-import-analyzing .icon-font {
  font-size: 2rem;
  color: #005f9e;
}
.project-location-crs #crsImportWizard .tc-crs-import-unit-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.project-location-crs #crsImportWizard .tc-crs-import-unit-option {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border: 1px solid #d0d0d7;
  background-color: #ffffff;
  color: #363545;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.project-location-crs #crsImportWizard .tc-crs-import-unit-option:hover:not(:disabled) {
  border-color: #005f9e;
  background-color: #f9f9fb;
  color: #363545;
}
.project-location-crs #crsImportWizard .tc-crs-import-unit-option.is-selected {
  border-color: #005f9e;
  background-color: #cfe1ee;
  color: #005f9e;
  font-weight: 600;
}

.storage-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.storage-item .storage-item-header {
  display: flex;
  align-items: center;
  font-size: 0.7rem;
}
.storage-item .storage-item-header img {
  height: 0.8rem;
  width: 0.8rem;
  margin-right: 0.2rem;
}
.storage-item .storage-item-value h3 {
  font-size: 0.9rem;
  margin-left: 0.7rem;
}

@media (max-width: 768px) {
  .storage-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.app-category:last-child {
  margin-bottom: 2.5rem;
}
.app-category h2 {
  color: #005f9e;
}
.app-category .app-list:first-child {
  margin-top: 0;
}
.app-category .app-list {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1rem;
}
.app-category .app-list .application {
  display: flex;
  flex-flow: column nowrap;
  width: 23rem;
  margin: 0 1rem 1rem 0;
  background-color: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.app-category .app-list .application .wrap-app-data {
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
}
.app-category .app-list .application .wrap-app-data .app-logo {
  padding: 1rem;
}
.app-category .app-list .application .wrap-app-data .app-logo img {
  width: auto;
  height: auto;
  max-width: 6rem;
}
.app-category .app-list .application .wrap-app-data .app-details {
  display: flex;
  flex-flow: column nowrap;
  padding: 1rem 1rem 0 0;
}
.app-category .app-list .application .wrap-app-data .app-details .premium {
  color: #8c8b96;
  display: flex;
  flex-flow: row nowrap;
}
.app-category .app-list .application .wrap-app-data .app-details .premium i {
  color: #ff8b00;
}
.app-category .app-list .application .wrap-app-data .app-details h3 {
  font-size: 1rem;
}
.app-category .app-list .application .wrap-app-data .app-details .app-description {
  flex: 0;
  margin-top: 0.5rem;
}
.app-category .app-list .application .wrap-app-data .app-details .more {
  width: max-content;
}
.app-category .app-list .application .download-bar {
  height: 3.625rem;
  border-top: 1px solid #d0d0d7;
  padding: 0 0.5rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.app-category .app-list .application .download-bar a.cta {
  text-decoration: none;
}
.app-category .app-list .application .download-bar ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.app-category .app-list .application .download-bar ul .download-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.app-category .app-list .application .download-bar ul .download-item a div,
.app-category .app-list .application .download-bar ul .download-item button div {
  font-size: 0.875rem;
  word-wrap: break-word;
  display: flex;
  flex-flow: column nowrap;
  text-align: left;
}
.app-category .app-list .application .download-bar ul .download-item a.icon-left,
.app-category .app-list .application .download-bar ul .download-item button.icon-left {
  padding: 0.5rem;
}
.app-category .app-list .application .download-bar ul .download-item .version {
  color: #8c8b96;
  font-weight: 400;
  font-size: 0.75rem;
}

@media (max-width: 991px) {
  .app-category .app-list .application {
    width: 100%;
  }
}
section .tags .input-focus-group {
  /*   max-height: 6rem;
        overflow-y: auto; */
}
section .tags .input-focus-group ul {
  /*      padding: 0 1rem 0; */
}
section .tags .input-focus-group ul input[type=text] {
  padding-left: 0;
}
section button.inline-left {
  margin: 0 0 1rem 0;
}
section .search-result {
  max-height: 15rem;
  margin-top: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .scroll-section {
    padding-bottom: 0;
  }
  .scroll-section .search-result {
    max-height: none !important;
  }
}
.avatar {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border: solid 0.0625rem #d0d0d7;
  border-radius: 50%;
  background: #eaeaef;
}
.avatar img,
.avatar > i {
  width: auto;
  height: 100%;
  border-radius: 50%;
}
.avatar > i {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
}
.avatar.small {
  max-width: 2.5rem;
  max-height: 2.5rem;
  overflow: hidden;
}
.avatar.small > i {
  font-size: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.avatar.micro {
  max-width: 1.5rem;
  max-height: 1.5rem;
  overflow: hidden;
}
.avatar.micro > i {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.micro-aligned {
  max-width: 1.5rem;
  max-height: 1.5rem;
  overflow: inherit;
}
.avatar.micro-aligned > i {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.avatar .edit-avatar {
  position: absolute;
  right: -5px;
  bottom: 10px;
}

.te-top-fix {
  top: auto;
}

.te-mw-full {
  width: 100%;
}

.activity-list {
  padding: 1rem;
  margin-bottom: 0rem;
  box-shadow: 0 0 0.125rem #aeaeb6;
}
.activity-list.active {
  background-color: #e5f0f8;
}
.activity-list--failed .activity-type {
  color: #c81922;
}

.history-panel-header {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
  background-color: #ffffff;
}
.history-panel-header .panel-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.history-panel-header button.back {
  margin-left: -0.5rem;
  margin-right: 0.25rem;
}

.activityRightpanel {
  flex: 1 1 auto;
}

.panel-body .activity-list {
  padding: 1rem 1rem !important;
  margin-bottom: 0 !important;
  border-top: solid 0.0625rem #d0d0d7;
  box-shadow: none !important;
}
.panel-body .activity-list:first-child {
  border-top: none;
}
.panel-body .inline-list .inline-list-item {
  min-width: auto;
  max-width: 100%;
  padding-right: 0;
}

.activity-time {
  display: flex;
  justify-content: flex-end;
}

.activity-type {
  flex: 0 0 1.5rem;
  margin-right: 1.75rem;
  color: #005f9e;
}

.activity {
  flex: 1 1 auto;
  min-width: 0;
}
.activity .avatar {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
}
.activity p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre-line;
}
.activity .description > p {
  font-size: 0.75rem;
}

.inline-list .inline-list-item {
  margin-right: 1rem;
}
@media (max-width: 576px) {
  .inline-list .inline-list-item {
    min-width: auto;
    max-width: 100%;
    margin-right: 0;
  }
}

@media (min-width: 576px) {
  .activity-list {
    padding: 1.5rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 576px) {
  .activity-list .flex-row.inline-list {
    display: block;
  }
}
.cde-activity-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.cde-activity-error-tag {
  background-color: rgba(200, 25, 34, 0.12);
  color: #c81922;
}

.comments .comment-support {
  overflow: hidden;
  word-wrap: break-word;
  white-space: pre-wrap;
  height: 0rem;
  width: auto;
  font-size: 14px;
  padding: 0.75rem 1rem;
  visibility: hidden;
}

.details-comments .h5 {
  padding: 1rem 1rem 0;
  display: block;
}
.details-comments .trimble-comments .trimble-comment {
  padding: 1rem 0;
  position: relative;
  border-top: 0.0625rem solid #d0d0d7;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title {
  display: flex;
  padding: 0 0.5rem 0 1rem;
  align-items: center;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .connect-dropdown-menu {
  margin-right: 0;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .trimbe-user-avatar {
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info {
  flex-grow: 1 !important;
  margin-left: 0.5rem;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info .trimble-comment-name {
  display: block;
  font-size: 0.875rem;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-title .comment-created-info .trimble-comment-date {
  display: block;
  font-size: 0.75rem;
  color: #6a6976;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-text {
  display: flex;
  padding: 0.5rem 1rem 0.5rem;
  flex-direction: column;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .trimble-comment-description {
  white-space: pre-line;
  font-size: 0.875rem;
  overflow: hidden;
  margin-bottom: 1rem;
  min-height: 5rem;
  border: solid 0.0625rem #e2e2e7;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .trimble-comment-description:focus {
  border-bottom: 0.125rem solid #005f9e !important;
}
.details-comments .trimble-comments .trimble-comment .trimble-comment-text .comment-description-support {
  font-size: 0.875rem;
  overflow: hidden;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.details-comments .trimble-comments .show-more {
  padding-left: 1rem;
}
.details-comments .trimble-comments .trimble-comment:first-child {
  border-top: none;
}
.details-comments .trimble-comments .trimble-attachments {
  padding: 0 0.5rem 0 1rem;
}

.comments-list.section-details .list .list-item a:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

.toast-container {
  /*  position: absolute;
     right:1.5rem;
     bottom:1.5rem;  */
  min-width: 22rem;
  margin-top: 20px;
  max-width: 22rem;
  z-index: 1011;
  opacity: 1;
}

.job-widget {
  z-index: 1010;
}

.position-bottom-right {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.progress-widget {
  background: #f3f3f7;
  box-shadow: 0 0 0.375rem #aeaeb6;
  display: flex;
  flex-flow: column nowrap;
}
.progress-widget > header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 4rem;
  background: #ffffff;
}
.progress-widget > header .title {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
}
.progress-widget > header .title .status {
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
}
.progress-widget > header .title i {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.progress-widget > aside {
  border-top: 1px solid #e2e2e7;
}
.progress-widget .progressbar {
  height: 0.375rem;
  background-color: #e2e2e7;
  display: flex;
  flex-basis: 100%;
}
.progress-widget .progressbar span {
  height: 100%;
  line-height: 0.375rem;
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #5e9331;
}
.progress-widget .cancel-all {
  padding: 8px 16px;
  font-weight: 600;
  text-align: right;
  border-bottom: 1px solid #e2e2e7;
}
.progress-widget > section {
  background: #ffffff;
  border-top: 1px solid #e2e2e7;
}
.progress-widget > section ul li {
  min-height: 4rem;
  border-bottom: 1px solid #e2e2e7;
}
.progress-widget > section ul li .status-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}
.progress-widget > section ul li .upload-data {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  width: calc(100% - 48px);
  margin-right: 8px;
}
.progress-widget > section ul li .upload-data .file-details {
  display: flex;
  flex-flow: column nowrap;
  min-width: 0;
  flex: 1;
  max-width: 228px;
}
.progress-widget > section ul li .upload-data .file-details .file-name,
.progress-widget > section ul li .upload-data .file-details .location {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.progress-widget > section ul li .upload-data .file-details.failed .location, .progress-widget > section ul li .upload-data .file-details.cancelled .location {
  font-weight: 700;
  text-transform: capitalize;
  margin-right: 8px;
}
.progress-widget > section ul li .upload-data .file-details.failed .file-name, .progress-widget > section ul li .upload-data .file-details.cancelled .file-name {
  color: #9d9da6;
}
.progress-widget > section ul li .upload-data .file-details .wrap-error-details {
  display: flex;
  flex-flow: row nowrap;
}
.progress-widget > section ul li .upload-data .file-details .wrap-error-details .error-details {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.progress-widget > section ul li .upload-data .file-size {
  color: #8c8b96;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-left: 10px;
  text-align: right;
}
.progress-widget > section ul li .upload-data .progressbar {
  margin-top: 3px;
}
.progress-widget footer .upload-count {
  text-align: right;
  margin-top: 3px;
}
.progress-widget footer .upload-count strong {
  font-weight: 700;
}
.progress-widget footer.noPadding {
  padding: 0px;
}
.progress-widget footer:empty {
  display: none;
}
.progress-widget a {
  color: #6a6976;
  text-decoration: underline;
}
.progress-widget a:hover {
  text-decoration: none;
}
.progress-widget.expanded footer {
  padding: 0.5rem 1rem;
}
.progress-widget.collapsed aside,
.progress-widget.collapsed section,
.progress-widget.collapsed .footer-text {
  display: none;
}
.progress-widget.complete footer {
  display: none;
}
.progress-widget.upload > header > .progress-type i, .progress-widget.import > header > .progress-type i {
  color: #72a544 !important;
}
.progress-widget.upload .progressbar span, .progress-widget.import .progressbar span {
  background-color: #72a544 !important;
}
.progress-widget.export > header > .progress-type i, .progress-widget.processing > header > .progress-type i {
  color: #005f9e !important;
}
.progress-widget.export .progressbar span, .progress-widget.processing .progressbar span {
  background-color: #005f9e !important;
}
.progress-widget.error > header > .progress-type i {
  color: #c81922 !important;
}

@media (max-width: 575px) {
  .toast-container.position-bottom-right {
    right: 0 !important;
    left: 0;
    min-width: 100% !important;
  }
}
.version-history .list-item.group .group-items {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.version-history .list-item.group .group-items a.link-secondary:hover {
  background-color: transparent !important;
  text-decoration: underline;
  cursor: pointer;
}
.version-history .list-item.active {
  cursor: default !important;
  border-left: 0.25rem solid #0d6aa8;
  background-color: #e5f0f8;
}
.version-history .list-item.active .title {
  color: #0d6aa8;
}
.version-history .list-item.viewer {
  cursor: pointer;
}

.revision-wrapthumb {
  width: 3rem;
  height: 3rem;
  background: #f3f3f7;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.revision-wrapthumb i {
  padding: 0;
  margin: 0 !important;
}
.revision-wrapthumb a {
  width: 100%;
  height: 100%;
}
.revision-wrapthumb a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #d0d0d7;
}

.horizontal-scroll {
  width: 100%;
  overflow-x: auto;
}

.mnw-100 {
  min-width: 100%;
}

.small-col {
  max-width: 96px;
}

.grid-template {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.5rem;
}
.grid-template > li {
  min-width: 0;
}
.grid-template.mb-8 {
  margin-bottom: 4rem;
}

.card {
  box-sizing: border-box;
  margin: 0 0 2rem;
  border-radius: 0.125rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.25rem #aeaeb6;
}
.card[data-summarizing=true] {
  background-color: #e5f0f8;
  border-color: #005f9e;
}
.card[data-summarizing=true] .icon-font {
  color: #005f9e;
}

.zoomin:hover img {
  transition: all 500ms ease-out;
  transform: scale(1.1);
}

.card-thumbnail {
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.card-thumbnail img {
  width: 100%;
  object-fit: cover;
}
.card-thumbnail.medium {
  min-height: 8rem;
  max-height: 8rem;
}

@media (min-width: 768px) and (max-width: 992px) {
  .grid-template {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .grid-template {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
  }
}
@media (max-width: 576px) {
  .grid-template {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
}
/* ---------------------- */
.thumbnail-checkbox-wrapper .thumbnail.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
  padding: 0 !important;
  margin-left: 0.25rem;
  margin-bottom: 0 !important;
  border-radius: 0;
  border: none !important;
}
.thumbnail-checkbox-wrapper .thumbnail.checkbox img {
  height: 100%;
  max-height: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.thumbnail-checkbox-wrapper .input-group.checkradio .group-items {
  margin-right: 0;
}
.thumbnail-checkbox-wrapper .input-group.checkradio {
  min-height: auto;
  margin-bottom: 0;
}
.thumbnail-checkbox-wrapper .thumbnail-icon {
  min-width: 2rem;
}
.thumbnail-checkbox-wrapper:not(.active) .thumbnail.checkbox,
.thumbnail-checkbox-wrapper:not(.active) .thumbnail-icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
.thumbnail-checkbox-wrapper:not(.active) .thumbnail.checkbox + .input-group.checkradio,
.thumbnail-checkbox-wrapper:not(.active) .thumbnail-icon + .input-group.checkradio {
  display: none;
}
.thumbnail-checkbox-wrapper.active .thumbnail-icon {
  min-width: 2.5rem;
}
.thumbnail-checkbox-wrapper.active .thumbnail.checkbox,
.thumbnail-checkbox-wrapper.active .thumbnail-icon {
  margin-left: 0;
  margin-right: 0.5rem;
  display: none;
}
.thumbnail-checkbox-wrapper.active .thumbnail.checkbox + .input-group.checkradio,
.thumbnail-checkbox-wrapper.active .thumbnail-icon + .input-group.checkradio {
  display: flex;
}

@media (hover) {
  .thumbnail-checkbox-wrapper:hover .thumbnail-icon {
    min-width: 2.5rem;
  }
  .thumbnail-checkbox-wrapper:hover .thumbnail.checkbox,
  .thumbnail-checkbox-wrapper:hover .thumbnail-icon {
    margin-left: 0;
    margin-right: 0.5rem;
    display: none;
  }
  .thumbnail-checkbox-wrapper:hover .thumbnail.checkbox + .input-group.checkradio,
  .thumbnail-checkbox-wrapper:hover .thumbnail-icon + .input-group.checkradio {
    display: flex;
  }
}
.i48 {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  vertical-align: middle;
}

.empty-state-card {
  min-height: 11.25rem;
  min-width: 14rem;
  border-radius: 0.125rem;
}
.empty-state-card i {
  color: #6a6976;
}
.empty-state-card:hover {
  background-color: #ffffff;
  color: #005f9e;
  box-shadow: 0 0 0.25rem #aeaeb6;
  cursor: pointer;
}
.empty-state-card:hover i {
  color: #005f9e;
}
.empty-state-card:disabled, .empty-state-card.disabled {
  pointer-events: none;
}

.explorer-container.drop-area {
  background-color: #cfe1ee !important;
}

.table-list-item.drop-area {
  background-color: #cfe1ee !important;
  border: 1px solid #0d6aa8 !important;
}

.file-upload-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 100%;
  max-height: 15rem;
}
.file-upload-section .droppable {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 0.0625rem dashed #d0d0d7;
  font-size: 0.875rem;
  color: #8c8b96;
  min-height: 4rem;
  padding: 1.5rem;
  text-align: center;
}
.file-upload-section .droppable.active {
  border: 0.0625rem dashed #0c77be !important;
  color: #0c77be;
  background-color: #e5f0f8;
  font-weight: 600;
}
.file-upload-section .droppable.error {
  border: dashed 0.0625rem #bc0911;
  color: #bc0911;
  font-weight: 600;
  background-color: rgba(244, 209, 211, 0.5);
}
.file-upload-section .droppable {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #ffffff;
}

.wrap-upload-options {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.wrap-upload-options .drop-area {
  background: #ffffff;
  border: 1px dotted #d0d0d7;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 2rem;
  margin: 1rem 0;
  width: 100%;
  color: #8c8b96;
}

.image-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  background-size: cover;
  background-color: #f9f9fb;
  background-position: center center;
  overflow: hidden;
}
.image-thumbnail.small {
  width: 1.5rem;
  height: 1.5rem;
}
.image-thumbnail img {
  max-height: 100%;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: 17.5rem;
}

.tippy-box {
  position: relative;
  background-color: #363545;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  outline: 0;
  transition-property: transform, visibility, opacity;
  word-wrap: break-word;
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #363545;
}

.danger-tooltip {
  background-color: #d52a33;
  color: #fff;
}

.clip-box-tooltip {
  background-color: #333333;
  color: #ffffff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 400;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 8px 12px;
  z-index: 9999;
}

.clip-box-tooltip .tippy-content {
  background-color: transparent;
  color: inherit;
  padding: 0;
}

.apps-capabilities-name-hint {
  cursor: help;
}

.apps-capabilities-description-tooltip .tippy-content {
  padding: 0.625rem 0.875rem;
  white-space: pre-line;
}

.apps-capabilities-name-cell {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.apps-capabilities-name-text {
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
}
.apps-capabilities-name-text > * {
  display: block;
  min-width: 0;
  max-width: 100%;
}

.apps-capabilities-name-badge {
  display: inline-block;
  flex-shrink: 0;
  margin-left: 0.5rem;
  padding: 0 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1rem;
  border-radius: 2px;
  text-transform: none;
  vertical-align: middle;
  color: #ffffff;
}
.apps-capabilities-name-badge--preview {
  background-color: #005f9e;
}
.apps-capabilities-name-badge--custom {
  background-color: #6a6976;
}

[data-cy=apps-capabilities] .apps-capabilities-col-name.list-data {
  min-width: 0;
  overflow: hidden;
  text-align: left;
}
[data-cy=apps-capabilities] .apps-capabilities-col-name.list-data > * {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  max-width: 100%;
}
[data-cy=apps-capabilities] .table-list-head.row,
[data-cy=apps-capabilities] .table-list-item.row {
  flex-wrap: nowrap;
}
[data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-vendor,
[data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-category,
[data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-status,
[data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-toggle,
[data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-actions,
[data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-vendor,
[data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-category,
[data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-status,
[data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-toggle,
[data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-actions {
  flex-shrink: 0;
}
[data-cy=apps-capabilities] .page-heading .apps-capabilities-page-heading-start {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  gap: 0.25rem;
}
[data-cy=apps-capabilities] .page-heading .heading-button-group {
  flex: 0 0 auto;
}
[data-cy=apps-capabilities] .page-heading .apps-capabilities-heading-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 767.98px) {
  [data-cy=apps-capabilities] .page-heading {
    flex-flow: row nowrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .page-heading .apps-capabilities-page-heading-start {
    flex: 1 1 auto;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .page-heading .apps-capabilities-page-heading-start h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [data-cy=apps-capabilities] .page-heading .heading-button-group {
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  [data-cy=apps-capabilities] .page-heading .heading-button-group > .apps-capabilities-heading-btn {
    margin-left: 0;
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }
  [data-cy=apps-capabilities] .page-heading .heading-button-group > .apps-capabilities-heading-btn .apps-capabilities-heading-btn-label {
    display: none;
  }
}
[data-cy=apps-capabilities] .toolbar-section .apps-capabilities-filter-search {
  width: 504px;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  [data-cy=apps-capabilities] .toolbar-section {
    min-width: 0;
    overflow: hidden;
    padding-top: 0.75rem;
  }
  [data-cy=apps-capabilities] .toolbar-section.fixed-right {
    overflow: visible;
  }
  [data-cy=apps-capabilities] .toolbar-section .toolbar-left {
    flex: 0 0 auto;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .toolbar-section .toolbar-right {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }
  [data-cy=apps-capabilities] .toolbar-section .toolbar-right .filter-buttons + .apps-capabilities-filter-search {
    margin-left: 1rem;
  }
  [data-cy=apps-capabilities] .toolbar-section .toolbar-right .apps-capabilities-filter-search {
    width: 100%;
    max-width: 100%;
  }
}
[data-cy=apps-capabilities] .apps-capabilities-loaded-status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  color: #8c8b96;
  text-align: center;
}
[data-cy=apps-capabilities] .apps-capabilities-col-toggle > *,
[data-cy=apps-capabilities] .apps-capabilities-col-actions > * {
  width: auto;
}
[data-cy=apps-capabilities] .apps-capabilities-col-toggle,
[data-cy=apps-capabilities] .apps-capabilities-col-actions {
  overflow: visible;
}
@media (max-width: 767.98px) {
  [data-cy=apps-capabilities] .table-list {
    overflow-x: visible;
  }
  [data-cy=apps-capabilities] .table-list-head.row,
  [data-cy=apps-capabilities] .table-list-item.row {
    overflow: visible;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-name,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-name {
    flex: 1 1 0%;
    max-width: none;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-name .apps-capabilities-name-cell,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-name .apps-capabilities-name-cell {
    max-width: 100%;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-status,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-status {
    flex: 0 0 5.5rem;
    max-width: 5.5rem;
    min-width: 5.5rem;
    overflow: hidden;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-toggle,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-toggle {
    flex: 0 0 3.25rem;
    max-width: 3.25rem;
    min-width: 3.25rem;
    margin-left: 0.75rem;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-actions,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-actions {
    flex: 0 0 2.5rem;
    max-width: 2.5rem;
    min-width: 2.5rem;
    margin-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  [data-cy=apps-capabilities] .apps-capabilities-name-cell {
    flex-wrap: wrap;
    row-gap: 0.125rem;
  }
  [data-cy=apps-capabilities] .apps-capabilities-name-text {
    flex: 1 1 100%;
    max-width: 100%;
  }
  [data-cy=apps-capabilities] .apps-capabilities-name-badge {
    margin-left: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-toggle,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-toggle {
    margin-left: 0.375rem;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-actions,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-actions {
    margin-left: 0.375rem;
    padding-right: 0.25rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-name,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-name {
    flex: 1 1 0%;
    max-width: none;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-vendor,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-vendor {
    flex: 0 0 12rem;
    max-width: 12rem;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-status,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-status {
    flex: 0 0 11rem;
    max-width: 11rem;
    min-width: 11rem;
    overflow: hidden;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-toggle,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-toggle {
    flex: 0 0 3.25rem;
    max-width: 3.25rem;
    min-width: 3.25rem;
    margin-left: 0.75rem;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-actions,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-actions {
    flex: 0 0 2.5rem;
    max-width: 2.5rem;
    min-width: 2.5rem;
    margin-left: 2.5rem;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-name,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-name {
    flex: 1 1 0%;
    max-width: none;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-vendor,
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-category,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-vendor,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-category {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 0;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-status,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-status {
    flex: 0 0 11rem;
    max-width: 11rem;
    min-width: 11rem;
    overflow: hidden;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-toggle,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-toggle {
    flex: 0 0 3.25rem;
    max-width: 3.25rem;
    min-width: 3.25rem;
    margin-left: 0.2rem;
  }
  [data-cy=apps-capabilities] .table-list-head.row > .apps-capabilities-col-actions,
  [data-cy=apps-capabilities] .table-list-item.row > .apps-capabilities-col-actions {
    flex: 0 0 2.5rem;
    max-width: 2.5rem;
    min-width: 2.5rem;
    margin-left: 2.5rem;
    padding-right: 1rem;
  }
}

.extension .dropdown-pane-container .button:first-child {
  margin: 0 !important;
}
.extension .list-item .status {
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.extension .list-item .status i {
  margin-right: 0.25rem;
}
.extension .list-item.disabled {
  opacity: 0.5;
}
.extension .list-item .image-thumbnail.small {
  flex-basis: 2rem;
}
.extension .flex-row-wrap .button {
  height: 2.5rem;
}
.extension .add-button {
  height: 2.5rem;
  margin-left: 0.5rem;
  margin-top: 1.5rem;
}

.selected-permissions {
  background-color: #ffffff;
  padding: 0.5rem !important;
  max-height: 10rem;
  overflow: auto;
}
.selected-permissions .dropdownpane-link {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  margin-left: 0.5rem;
}
.selected-permissions .dropdown-list {
  max-width: 100% !important;
}

#folderPermissions .input-group.tags {
  border-bottom: none;
}
#folderPermissions .input-group.tags .input-focus-group {
  border-bottom: 0.0625rem solid #363545 !important;
}

.splash-screen-container {
  display: flex;
  flex-flow: column nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(229, 240, 248);
  background-position: center bottom;
  background-size: auto 30vh;
  width: 100%;
  height: 100%;
}
.splash-screen-container .splash-screen-header {
  max-width: 28.25rem;
}
.splash-screen-container .splash-screen-header .heading {
  text-align: center;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.splash-screen-container .splash-screen-header .sub-heading {
  text-align: center;
  font-family: "Open Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.splash-screen-container .splash-screen-body {
  text-align: center;
  max-width: 28.25rem;
}
.splash-screen-container .splash-screen-body p {
  font-size: small;
  padding: 0.313rem 4.438rem;
}
.splash-screen-container .splash-screen-footer button {
  margin-left: auto;
  margin-right: auto;
}
.splash-screen-container .splash-screen-footer .upgrade {
  background: #ffbe00 !important;
  display: flex;
  justify-content: center;
  text-align: center;
  max-width: 30rem;
  height: 2.5rem;
  border-radius: 0.125rem;
  border: none;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .splash-screen-container {
    background-size: 320px 150px;
    justify-content: center;
  }
}

.panelWrapper {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  min-height: 100%;
  max-height: 100%;
  background-color: #ffffff;
  border-top: solid 1px #d0d0d7;
}

.panelRight {
  width: calc(100% - 14.5rem);
}
@media (max-width: 767px) {
  .panelRight {
    width: 100%;
  }
}

.tempPanel {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
}

.tableSection {
  height: 100%;
}

.listPanel {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  min-width: 14.5rem;
  max-width: 14.5rem;
  border-right: 1px solid #d0d0d7;
}

.listHeader {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-width: 14.5rem;
  max-width: 14.5rem;
  padding: 1rem;
  height: 4rem;
  border-bottom: 1px solid #d0d0d7;
}

.listWrapper {
  flex-flow: column nowrap;
  overflow-y: auto;
}

.tablePanel {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  height: calc(100% - 4rem);
}

.tableHeader {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 auto;
  height: 4rem;
  padding: 1rem;
  border-bottom: 1px solid #d0d0d7;
}
.tableHeader h3 {
  flex: 1 1 50%;
  max-width: 50%;
}
.tableHeader .panelControls {
  flex: 1 1 auto;
}
.tableHeader > .select-menu {
  max-width: 50%;
}

@media (max-width: 576px) {
  .tableHeader {
    height: 3.5rem;
  }
  .tableHeader > .select-menu .name > div:first-child {
    width: 100%;
  }
  .tableHeader > .select-menu .name > div:last-child {
    overflow: unset !important;
  }
}
.panelControls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}

.dropDownWidth {
  min-width: 300px;
}

.tableWrapper {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
.tableWrapper .table-list {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

.value ~ label {
  min-height: auto !important;
}

.multiselect-controls {
  height: inherit;
}

.multiselect-close {
  height: inherit;
  border-left: 0.0625rem solid #d0d0d7;
}

.detailsPanelWrapper {
  z-index: 5;
}

.tableWrapper .table-list .sticky-header {
  border-top: none !important;
}

.thumbnailDetails {
  max-width: 100%;
}

.someinput::-ms-clear {
  display: none;
}

.thumbnail-height {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 6.5rem;
  background-color: #f9f9fb;
  border-bottom: 0.0625rem solid #d0d0d7;
  background-size: cover;
  background-position: center;
}

.pad-right-todo {
  padding-right: 2px !important;
}

.version-width {
  width: 20% !important;
}

.topic {
  padding: 1.75rem;
  border-bottom: 2px solid #d0d0d7;
  width: 100%;
}
.topic.active {
  background-color: #e5f0f8;
  border-left: 0.25rem solid #0c77be;
}

.topic-3dv-header {
  position: sticky;
  z-index: 1;
  top: 0;
}

.thumbnail.fiveX {
  width: 5rem;
  height: 5rem;
}
.thumbnail.threeX {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
}

.justify-content-between {
  align-items: center;
  justify-content: space-between;
}

.topic-3dv-identifier {
  color: #0c77be !important;
}

.min-h-auto {
  min-height: auto !important;
}

.scroll-height {
  overflow-y: auto;
  max-height: 35rem !important;
}

.full-height {
  height: 100%;
}

.white-bg {
  background: white;
}

.topic-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.topic-meta .topic-type-3d-embed,
.topic-meta .topic-priority-3d-embed {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
.topic-meta .topic-type-3d-embed .icon,
.topic-meta .topic-priority-3d-embed .icon {
  align-items: center;
}
.topic-meta .topic-type-3d-embed img,
.topic-meta .topic-priority-3d-embed img {
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.topic-thumbnail {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.topic-thumbnail.topic-thumbnail-lg {
  width: 80px;
  height: 80px;
}
.topic-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

.topic-identifier-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.topic-container {
  display: flex;
  flex-flow: column nowrap;
  background: #fff;
  overflow: hidden;
}
.topic-container .module.topic {
  padding: 12px 16px;
}
.topic-container .topic-footer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  background-color: #f3f4f6;
  min-height: 36px;
  padding: 15px 12px;
  margin-top: -3px;
  flex-wrap: nowrap;
}
.topic-container .topic-footer .topic-footer-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #272829;
  min-width: 0;
}
.topic-container .topic-footer .topic-footer-item i {
  font-size: 14px;
  margin-right: 6px;
  color: #272829;
}
.topic-container .topic-footer .topic-footer-item:last-child {
  flex-shrink: 0;
}
.topic-container .topic-footer .due-date {
  margin-left: 6px;
}
.topic-container .topic-footer[\:has\(.due-date\)] .username {
  flex: 1;
}
.topic-container .topic-footer:has(.due-date) .username {
  flex: 1;
}
.topic-container .topic-footer[\:not-has\(.due-date\)].username {
  flex: none;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.topic-container .topic-footer:not(:has(.due-date)).username {
  flex: none;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.topics-panel-header-3d {
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 0.0625rem solid #d0d0d7;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
  color: #363545;
  cursor: default;
  font-size: 100%;
  background-color: white;
  height: 71px;
}

.topics-panel-title {
  display: flex;
  flex-direction: column;
  flex-grow: 1 !important;
  box-sizing: border-box;
  background-repeat: no-repeat;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
  color: #363545;
  cursor: default;
}

.topics-overlay {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(27, 26, 38, 0.95);
  z-index: 99;
}
.topics-overlay > header {
  position: relative;
  border-bottom: 0 !important;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.topics-overlay > header .panel-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.topics-overlay > header button.back {
  margin-left: -0.5rem;
}
.topics-overlay > header.multi-row {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
.topics-overlay > header.multi-row .row {
  display: flex;
  flex-flow: row nowrap;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  margin: 0;
  overflow: hidden;
}
.topics-overlay > header.multi-row .row:first-child:not(:only-child) {
  padding-bottom: 0.25rem;
}
.topics-overlay > header.multi-row .row + .row {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.topics-overlay > header.multi-row .row.secondary {
  align-items: center;
  border-top: 0.0625rem solid #d0d0d7;
  padding: 0 1rem 0 0rem;
  min-height: 3rem;
}
.topics-overlay > header.multi-row .row.secondary .icon-large {
  border-right: 0.0625rem solid #d0d0d7;
}
.topics-overlay > header {
  padding: 1rem;
}
.topics-overlay > div {
  max-height: 500px;
}

.topic-thumbnail-large {
  width: 100%;
  background-color: white;
  height: 254px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topic-thumbnail-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.topic-panel-header {
  flex-direction: row-reverse !important;
  width: 100%;
}

.full-width {
  width: 100%;
}

.align-top-button {
  align-items: flex-start !important;
}

.align-topic-item-self {
  align-self: center !important;
}

.coordination-border {
  border-bottom: 0.0625rem solid #d0d0d7;
}

.shared-with-list .shared-with-entry {
  color: #6b6b7a;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.shared-with-list .shared-with-entry:not(:last-child) {
  margin-bottom: 0.375rem;
}
.shared-with-list .shared-with-entry .lock-icon {
  font-size: 0.875rem;
  color: #8c8b96;
  margin-left: 0.25rem;
}

.small-font {
  font-size: 0.71rem !important;
}

.upload-dropdown {
  overflow: hidden;
  width: 100% !important;
  padding-left: 16px;
  width: 248px !important;
  padding-right: 16px;
  cursor: pointer;
}

.upload-dropdown-parent {
  padding-left: 16px;
  width: 248px !important;
  padding-right: 16px;
  padding-top: 21px;
  padding-bottom: 21px;
  cursor: pointer;
}

.reference-header {
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.viewpoint-container {
  position: relative !important;
  width: -moz-fit-content;
  width: fit-content;
}

.comment-view-container {
  position: relative !important;
  width: -moz-fit-content;
  width: fit-content;
}

.viewpoint {
  justify-content: flex-end !important;
}
.viewpoint.menuOpen {
  opacity: 1 !important;
  z-index: 96 !important;
}

.viewin3d {
  background-color: #6a6976;
  color: white;
  border-radius: 4px;
  font-weight: 500;
  justify-content: center;
}

.preview-overlay {
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 95;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.preview-icon-color {
  color: white !important;
}

.viewpoint-container:hover .preview-overlay {
  opacity: 0.8;
}

.viewpoint-container:hover .thumbnail {
  opacity: 0.6;
}

.comment-view-container:hover .preview-overlay {
  opacity: 1;
}

.comment-view-container:hover .thumbnail {
  opacity: 0.6;
}

.file-list-item {
  display: flex;
  flex-direction: column;
  min-width: 13.307rem;
  width: 13.307rem;
}

.reference-item {
  width: 70%;
  min-width: auto;
}

.topic-fab-button {
  position: fixed;
  right: 45%;
  bottom: 0.875rem;
  z-index: 95;
}

.topic-doc-fab-button {
  position: fixed;
  right: 7.5rem;
  bottom: 1.875rem;
  z-index: 95;
}

.empty-state-height {
  height: auto !important;
}

.topic-search-box-width {
  width: 504px;
}

.topic-search-box-width-3d {
  width: 295px;
}

.import-settings-height {
  max-height: 265px !important;
}

.popup-min-height {
  min-height: 505px;
}

.row-distribute-from-end {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: inherit !important;
  justify-content: flex-end !important;
}

.slide-nav-bar {
  background-color: white;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: fixed;
  bottom: 12px;
  right: 88px;
}

.topic-settings-icon-size {
  max-width: 24px;
}

.topic-comment-section-height {
  height: 151px !important;
}

.topic-commentbox-height {
  height: 75px !important;
}

.type-icon-dimension {
  width: 16px;
  height: 16px;
}

.export-padding {
  padding-top: 1.2rem;
}

.export-radio {
  justify-content: flex-start !important;
}

.border-rounded {
  border-radius: 50% !important;
}

.header-separation {
  margin: revert !important;
}

.history-list-height {
  height: 68% !important;
}

.viewpoint-selection {
  border: 4px solid #0c77be !important;
  border-radius: 3px !important;
  background-color: #e5f0f8;
}

.relink-warning-section {
  align-items: flex-start !important;
  flex-direction: column !important;
}

.compress-tag-width {
  max-width: 155px !important;
}

.fixed-header-filter-size {
  width: 151px !important;
}

.marker-flex-row-wrap {
  flex-flow: row wrap !important;
}

.topic-panel-bg {
  background-color: white !important;
}

.topics-history-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
}
.topics-history-panel.moduleFluid {
  overflow: hidden;
}
.topics-history-panel > .history-panel-header,
.topics-history-panel > .tabs {
  flex: 0 0 auto;
}
.topics-history-panel > .panel-body {
  flex: 1 1 0;
  overflow-y: auto;
  min-height: 0;
}

.topics-history-details-panel > .panel {
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  min-height: 0;
  flex: 1 1 auto;
  max-height: 100%;
}
.topics-history-details-panel > .panel > section {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

.topic-panel-item-border {
  border: 1px solid #e0e0e0 !important;
}

.color-picker-container {
  display: flex;
  flex-direction: column;
  height: 311px;
  width: 240px;
  z-index: 1;
  background-color: white;
  position: relative;
  padding-top: 8px;
}

.color-picker-palette {
  padding-bottom: 75%;
  position: relative;
  width: 100%;
  align-self: center;
  margin-bottom: 10px;
}

.color-picker-hue {
  min-height: 10px;
  position: relative;
  width: 100%;
  align-self: center;
  margin-bottom: 7px;
  margin-right: 9px;
}

.color-hue-container {
  display: flex;
}

.editable-inputs-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
}

.viewerContent {
  height: 100% !important;
  margin-top: 0 !important;
}

.viewer-workspace {
  width: 100%;
  height: 100%;
  background-color: #6a6976;
}
.viewer-workspace .viewer-top-menu-container {
  width: max-content;
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
}
.viewer-workspace .viewer-top-menu-container .viewer-top-menu-title-holder {
  width: 22rem;
  max-width: 22rem;
  min-width: 22rem;
  height: 3rem;
  margin-right: 0.5rem;
  z-index: 1;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 0.06rem rgba(54, 53, 69, 0.2), 0.12rem 0.12rem 0.5rem rgba(54, 53, 69, 0.3);
}
.viewer-workspace .viewer-top-menu-container .viewer-top-menu-title-holder .title {
  flex: 1;
  margin: 0 0.31rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.viewer-workspace .viewer-top-menu-container .viewer-top-menu-title-holder button {
  border-radius: 0.1875rem;
  transition: background-color 0.2s ease-in-out;
  color: #6a6976;
  margin-right: 0.31rem;
}
.viewer-workspace .viewer-top-menu-container .viewer-top-menu-title-holder button:hover {
  background-color: #f3f3f7;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar {
  flex: 1;
  height: 3rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.375rem #aeaeb6;
  display: flex;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group {
  border-left: 1px solid #d0d0d7;
  align-items: center;
  height: 100%;
  padding: 0.375rem;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group button {
  border-radius: 0.1875rem;
  transition: background-color 0.2s ease-in-out;
  color: #6a6976;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group button:hover {
  background-color: #f3f3f7;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group button.active {
  background-color: #0c77be;
  color: #ffffff;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group button.active > i.icon-font {
  color: #ffffff !important;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group button.disabled {
  pointer-events: none;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown {
  padding: 0;
  margin-right: 0.5rem;
  border-radius: 0.1875rem;
  align-items: center;
  color: #6a6976;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .split-button .button:nth-child(2) {
  min-width: 1.5rem !important;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .split-button:hover .button.toolbar-primary:not(.active):not(.checked):not(.disabled),
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .split-button.action-active .button.toolbar-primary:not(.active):not(.checked):not(.disabled) {
  background-color: #eaeaef !important;
  cursor: pointer;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .split-button .button:nth-child(2).active {
  background-color: #d0d0d7 !important;
  color: #6a6976 !important;
  cursor: pointer;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .split-button .button:nth-child(2).active .icon-font {
  color: #6a6976 !important;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown .dropdown-pane .dropdown-list .list-item.active {
  justify-content: left;
  background-color: #0c77be;
  color: #ffffff;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown.mobile-view .dropdown-pane {
  right: 0;
  width: max-content !important;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown:hover {
  background-color: #f3f3f7;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown.active {
  background-color: #0d6aa8;
  color: #ffffff;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown.active:hover {
  background-color: #07599b;
  transition: background-color 0.2s ease-in-out;
}
.viewer-workspace .viewer-body-container {
  width: 100%;
  height: 100%;
  display: inline-flex;
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  max-width: 22rem;
  width: 2.5rem;
  height: calc(100% - 7rem);
  margin-top: 7rem;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container .viewer-leftpanel-tools {
  background-color: #e2e2e7;
  box-shadow: 0 0 0.06rem rgba(54, 53, 69, 0.2), 0.12rem 0.12rem 0.5rem rgba(54, 53, 69, 0.3);
  max-width: 2.5rem;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none; /* For firefox */
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container .viewer-leftpanel-tools::-webkit-scrollbar {
  display: none; /* For chrome, Safari and Opera*/
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container .viewer-leftpanel-tools button:hover {
  background-color: #fff;
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container .viewer-leftpanel-body {
  flex: 1;
  max-width: 19.5rem;
  height: 100%;
  display: none;
  background-color: #fff;
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container.fullscreen {
  height: calc(100% - 3rem);
  margin-top: 3rem;
}
.viewer-workspace .viewer-body-container .viewer-leftpanel-container.fullscreen .viewer-leftpanel-body .panel {
  height: calc(100vh - 3rem);
}
.viewer-workspace .viewer-body-container .viewer-body {
  flex: 1;
  margin-left: 0.5rem;
  position: relative;
  transition: 0.5s width ease-out;
}
.viewer-workspace .viewer-body-container .utilities-right-panel-container {
  width: 0;
  height: calc(100% - 3rem);
  background-color: #ffffff;
  transition: width 0.5s;
  z-index: 1;
}
.viewer-workspace .viewer-body-container .utilities-right-panel-container.opened {
  width: 19rem;
  transition: width 0.5s;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container {
  background: #e2e2e7;
  box-shadow: 0 0 0.06rem rgba(54, 53, 69, 0.2), 0.12rem 0.12rem 0.5rem rgba(54, 53, 69, 0.3);
  width: 22rem;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-tools {
  box-shadow: none;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-tools button.active,
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-tools button.default.active {
  background-color: #fff;
  color: #0d6aa8;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-tools button.active i,
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-tools button.default.active i {
  color: #0d6aa8 !important;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-body {
  display: block;
}
.viewer-workspace .viewer-body-container.panel-opened .viewer-body {
  display: block;
  margin-left: 22rem;
  width: calc(100% - 22rem);
  transition: 0.5s width ease-out;
}
.viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container {
  background: transparent;
  box-shadow: none;
  width: 2.5rem;
}
.viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container .viewer-leftpanel-tools {
  box-shadow: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container .viewer-leftpanel-tools button.active {
  background-color: #fff;
}
.viewer-workspace .viewer-body-container.panel-opened-partially .viewer-body {
  display: block;
  width: calc(100% - 22rem);
  transition: 0.5s width ease-out;
}

@media screen and (max-width: 767px) {
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container {
    margin-top: 6rem;
    height: calc(100% - 6rem);
  }
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container.fullscreen {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
  .viewer-workspace .viewer-body-container .unsupported-file-viewer {
    margin-top: 6rem;
  }
  .viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group {
    padding: 0.25rem !important;
  }
  .viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container {
    margin-top: 6.5rem;
    height: calc(100% - 6.5rem);
  }
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container.fullscreen {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
  .viewer-workspace .viewer-body-container .viewer-body .unsupported-file-viewer {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 991px) {
  .viewer-workspace .viewer-top-menu-container {
    width: 100%;
    max-width: 100%;
  }
  .viewer-workspace .viewer-top-menu-container .viewer-top-menu-title-holder {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-right: unset;
  }
  .viewer-workspace .viewer-top-menu-container .top-toolbar {
    position: fixed;
    top: unset;
    left: 0;
    width: 100%;
    height: 3rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.375rem #aeaeb6;
    display: flex;
  }
  .viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group {
    border-left: 1px solid #d0d0d7;
    align-items: center;
    height: 100%;
    padding: 0.375rem;
  }
  .viewer-workspace .viewer-top-menu-container .top-toolbar .tool-group .tool-dropdown.mobile-view .dropdown-pane {
    width: max-content !important;
  }
  .viewer-workspace .viewer-body-container .utilities-right-panel-container {
    margin-top: 3rem;
  }
  .viewer-workspace .viewer-body-container .utilities-right-panel-container.opened {
    width: 100%;
    max-width: 100%;
    z-index: 2;
  }
  .viewer-workspace .viewer-body-container .utilities-right-panel-container.opened .panel {
    max-width: 100%;
  }
  .viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container,
  .viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 6rem);
  }
  .viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container .viewer-leftpanel-body,
  .viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container .viewer-leftpanel-body {
    max-width: calc(100% - 2.5rem);
  }
  .viewer-workspace .viewer-body-container.panel-opened .viewer-leftpanel-container.fullscreen,
  .viewer-workspace .viewer-body-container.panel-opened-partially .viewer-leftpanel-container.fullscreen {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
  .viewer-workspace .viewer-body-container.panel-opened .viewer-body,
  .viewer-workspace .viewer-body-container.panel-opened-partially .viewer-body {
    margin-left: 0;
    width: 100%;
  }
  .viewer-workspace .viewer-body-container.panel-opened .viewer-body .viewer-body .unsupported-file-viewer,
  .viewer-workspace .viewer-body-container.panel-opened-partially .viewer-body .viewer-body .unsupported-file-viewer {
    margin-top: 3rem;
  }
  .viewer-workspace.unsupported .viewer-body-container.panel-opened .viewer-body,
  .viewer-workspace.unsupported .viewer-body-container.panel-opened-partially .viewer-body {
    display: none;
  }
  .viewer-workspace.unsupported .fullscreen .viewer-leftpanel-body .panel {
    height: calc(100vh - 3rem);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container {
    margin-top: 6.5rem;
    height: calc(100% - 6.5rem);
  }
  .viewer-workspace .viewer-body-container .viewer-leftpanel-container.fullscreen {
    height: calc(100% - 3rem);
    margin-top: 3rem;
  }
  .viewer-workspace .viewer-body-container .viewer-body .unsupported-file-viewer {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .viewer-workspace .viewer-body-container .viewer-body .unsupported-file-viewer {
    margin-top: 3rem;
  }
}
.viewer-view-thumbnail {
  position: relative;
  cursor: pointer;
}
.viewer-view-thumbnail button.update-button {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0;
}
.viewer-view-thumbnail button.update-button i {
  width: unset !important;
  height: unset !important;
  font-size: 1.5rem !important;
  color: #6a6976 !important;
}

.viewer-workspace.unsupported {
  background-color: #f3f3f7 !important;
}

.unsupported-file-viewer {
  background-color: #f3f3f7 !important;
  height: auto !important;
  display: flex;
  flex-flow: column nowrap !important;
  justify-content: center;
  align-items: center;
}

.affix-top {
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 4rem;
  z-index: 1000;
}

.custom-viewer-snackbar-container {
  min-width: 19rem;
  max-width: 21.5rem;
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 1025 !important;
  display: flex;
  flex-direction: column;
}
.custom-viewer-snackbar-container .snackbar {
  min-width: 19rem;
}

#root > div.connectContent > div > main > span {
  width: 100%;
  height: 100%;
}

.drawing-viewer {
  width: 100%;
  height: calc(100% - 3rem);
}
.drawing-viewer .viewer {
  height: 100%;
}
.drawing-viewer .viewer iframe {
  border: none;
}

@media (max-width: 991px) {
  .drawing-viewer {
    margin-top: 3rem;
  }
  .drawing-viewer .viewer {
    padding-top: 0;
  }
}
.drop-wrapper {
  position: relative;
  display: inline-block;
}
.drop-wrapper .drop-body {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0 0 0.375rem #aeaeb6;
}
.drop-wrapper .drop-body.mobile-mode {
  bottom: 100%;
}

.drop-wrapper:hover .drop-body {
  display: block;
}

.color-pink {
  color: #dca1dd !important;
}

.color-violet {
  color: #b85ad0 !important;
}

.color-turquoise {
  color: #50d1cb !important;
}

.color-blue {
  color: #446dde !important;
}

.color-green {
  color: #3dcb3f !important;
}

.color-yellow {
  color: #fffd38 !important;
}

.color-orange {
  color: #fd8b26 !important;
}

.color-red {
  color: #fe2929 !important;
}

.color-white {
  color: #f7f7f7 !important;
}
.color-white i.tc-icon-circle:before {
  border-radius: 100%;
  box-shadow: inset 0px 0px 0px 1px rgb(194, 194, 194);
}

.color-black {
  color: #000 !important;
}

@media (min-width: 1200px) {
  .snackbar.d-lg-none,
  .snackbar.d-md-none,
  .snackbar.d-sm-none,
  .snackbar.d-xs-none,
  .snackbar.d-xl-none,
  .snackbar.d-xxl-none,
  .snackbar.d-lg-flex,
  .snackbar.d-md-flex,
  .snackbar.d-sm-flex,
  .snackbar.d-xs-flex,
  .tool-group.d-lg-none,
  .tool-group.d-md-none,
  .tool-group.d-sm-none,
  .tool-group.d-xs-none,
  .tool-group.d-xl-none,
  .tool-group.d-xxl-none,
  .tool-group.d-lg-flex,
  .tool-group.d-md-flex,
  .tool-group.d-sm-flex,
  .tool-group.d-xs-flex {
    display: none;
  }
  .snackbar.d-xl-flex,
  .snackbar.d-xxl-flex,
  .tool-group.d-xl-flex,
  .tool-group.d-xxl-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .snackbar.d-xxl-none,
  .snackbar.d-md-none,
  .snackbar.d-xl-none,
  .snackbar.d-sm-none,
  .snackbar.d-xs-none,
  .snackbar.d-lg-none,
  .snackbar.d-xxl-flex,
  .snackbar.d-md-flex,
  .snackbar.d-xl-flex,
  .snackbar.d-sm-flex,
  .snackbar.d-xs-flex,
  .tool-group.d-xxl-none,
  .tool-group.d-md-none,
  .tool-group.d-xl-none,
  .tool-group.d-sm-none,
  .tool-group.d-xs-none,
  .tool-group.d-lg-none,
  .tool-group.d-xxl-flex,
  .tool-group.d-md-flex,
  .tool-group.d-xl-flex,
  .tool-group.d-sm-flex,
  .tool-group.d-xs-flex {
    display: none;
  }
  .snackbar.d-lg-flex,
  .tool-group.d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .snackbar.d-xxl-none .snackbar.d-xl-none,
  .snackbar.d-lg-none,
  .snackbar.d-sm-none,
  .snackbar.d-xs-none,
  .snackbar.d-md-none,
  .snackbar.d-xxl-flex .snackbar.d-xl-flex,
  .snackbar.d-lg-flex,
  .snackbar.d-sm-flex,
  .snackbar.d-xs-flex,
  .tool-group.d-xxl-none,
  .tool-group.d-xl-none,
  .tool-group.d-lg-none,
  .tool-group.d-sm-none,
  .tool-group.d-xs-none,
  .tool-group.d-md-none,
  .tool-group.d-xxl-flex .tool-group.d-xl-flex,
  .tool-group.d-lg-flex,
  .tool-group.d-sm-flex,
  .tool-group.d-xs-flex {
    display: none;
  }
  .snackbar.d-md-flex,
  .tool-group.d-md-flex {
    display: flex !important;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .snackbar.d-lg-none,
  .snackbar.d-md-none,
  .snackbar.d-xl-none,
  .snackbar.d-xxl-none,
  .snackbar.d-xs-none,
  .snackbar.d-sm-none,
  .snackbar.d-lg-flex,
  .snackbar.d-md-flex,
  .snackbar.d-xl-flex,
  .snackbar.d-xxl-flex,
  .snackbar.d-xs-flex,
  .tool-group.d-lg-none,
  .tool-group.d-md-none,
  .tool-group.d-xl-none,
  .tool-group.d-xxl-none,
  .tool-group.d-xs-none,
  .tool-group.d-sm-none,
  .tool-group.d-lg-flex,
  .tool-group.d-md-flex,
  .tool-group.d-xl-flex,
  .tool-group.d-xxl-flex,
  .tool-group.d-xs-flex {
    display: none;
  }
  .snackbar.d-sm-flex,
  .tool-group.d-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 481px) and (max-width: 576px) {
  .snackbar.d-lg-none,
  .snackbar.d-md-none,
  .snackbar.d-xl-none,
  .snackbar.d-xxl-none,
  .snackbar.d-xs-none,
  .snackbar.d-sm-none,
  .snackbar.d-lg-flex,
  .snackbar.d-md-flex,
  .snackbar.d-xl-flex,
  .snackbar.d-xxl-flex,
  .snackbar.d-xs-flex,
  .tool-group.d-lg-none,
  .tool-group.d-md-none,
  .tool-group.d-xl-none,
  .tool-group.d-xxl-none,
  .tool-group.d-xs-none,
  .tool-group.d-sm-none,
  .tool-group.d-lg-flex,
  .tool-group.d-md-flex,
  .tool-group.d-xl-flex,
  .tool-group.d-xxl-flex,
  .tool-group.d-xs-flex {
    display: none;
  }
  .snackbar.d-sm-flex,
  .tool-group.d-sm-flex {
    display: flex !important;
  }
}
@media (max-width: 480px) {
  .snackbar.d-lg-none,
  .snackbar.d-md-none,
  .snackbar.d-xl-none,
  .snackbar.d-xxl-none,
  .snackbar.d-sm-none,
  .snackbar.d-xs-none,
  .snackbar.d-lg-flex,
  .snackbar.d-md-flex,
  .snackbar.d-xl-flex,
  .snackbar.d-xxl-flex,
  .snackbar.d-sm-flex,
  .tool-group.d-lg-none,
  .tool-group.d-md-none,
  .tool-group.d-xl-none,
  .tool-group.d-xxl-none,
  .tool-group.d-sm-none,
  .tool-group.d-xs-none,
  .tool-group.d-lg-flex,
  .tool-group.d-md-flex,
  .tool-group.d-xl-flex,
  .tool-group.d-xxl-flex,
  .tool-group.d-sm-flex {
    display: none;
  }
  .snackbar.d-xs-flex,
  .tool-group.d-xs-flex {
    display: flex !important;
  }
}
.zoompanel {
  position: fixed;
  min-width: auto;
  padding: 0.5rem;
  color: #ffffff !important;
  background: #363545;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
  right: auto;
  bottom: 1.5rem;
  left: 3rem;
  transition: 0.5s right ease-out;
}
.zoompanel.left-panel-opened {
  left: 23rem;
}
.zoompanel input {
  width: 50px;
  text-align: center;
}
.zoompanel .handle {
  cursor: move;
}
.zoompanel.pushed-snackbar {
  right: 21rem;
  transition: 0.5s right ease-out;
}
.zoompanel .zoom-dropdown .dropdown-pane {
  bottom: 100%;
  right: 0;
  height: max-content;
  max-height: none;
}
.zoompanel .zoom-dropdown .dropdown-pane .divider {
  width: 100%;
  height: 1px;
  background-color: #d0d0d7;
}
.zoompanel .zoom-dropdown {
  height: max-content;
}
.zoompanel .zoom-dropdown .split-button .button:nth-child(2) {
  min-width: 1.5rem !important;
}
.zoompanel .zoom-dropdown .split-button:hover .button.toolbar-primary:not(.active):not(.checked):not(.disabled),
.zoompanel .zoom-dropdown .split-button.action-active .button.toolbar-primary:not(.active):not(.checked):not(.disabled) {
  background-color: #eaeaef !important;
  cursor: pointer;
}

.todo-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.todo-viewer.leftpanel-content .leftpanel-content-header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.todo-viewer.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  flex-grow: 1 !important;
  align-items: center;
}
.todo-viewer.leftpanel-content .leftpanel-content-header .header-title-section .todo-options {
  font-size: 0.75rem !important;
}
.todo-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-section {
  flex: 1;
}
.todo-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item {
  display: flex;
  border-left: 2px solid transparent;
  padding: 0.75rem 0;
  cursor: pointer;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .todo-priority {
  height: 2.5rem;
  margin: 0 0.5rem;
  color: #0d6aa8;
  border-radius: 0.15rem;
  display: flex;
  justify-content: center;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .todo-priority.CRITICAL {
  color: #c81922;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .todo-priority.HIGH {
  color: #ffbe00;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .todo-priority.NORMAL {
  color: #0d6aa8;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .todo-priority.LOW {
  color: #5e9331;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .detail-block {
  flex: 1;
  overflow: hidden;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .detail-block span {
  font-size: 0.75rem;
  color: #6a6976;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 1.25rem;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item .detail-block span.title {
  padding-right: 1rem;
  font-size: 0.9rem;
  color: unset;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item.show-bottom-dropdown:last-child .dropdown-pane-container .dropdown-pane, .todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item.show-bottom-dropdown:nth-last-child(2) .dropdown-pane-container .dropdown-pane {
  bottom: 100%;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .empty-section {
  margin: 1rem auto;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .completed {
  border-top: 0.0625rem solid #d0d0d7;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .completed:hover,
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item:hover {
  background-color: #f3f3f7;
}
.todo-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .todo-item.active {
  border-left: 0.25rem solid #0d6aa8;
  background-color: #e5f0f8;
}
.todo-viewer.leftpanel-content .leftpanel-content-footer {
  padding: 1rem;
  box-shadow: 0 0 0.375rem #aeaeb6;
}

.views2d-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.views2d-viewer.leftpanel-content .leftpanel-content-header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.views2d-viewer.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  flex-grow: 1 !important;
  align-items: center;
}
.views2d-viewer.leftpanel-content .leftpanel-content-header .header-title-section .views-options {
  font-size: 0.75rem !important;
}
.views2d-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-section {
  flex: 1;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item {
  display: flex;
  flex-direction: column;
  border-left: 2px solid transparent;
  max-width: 8rem;
  margin-bottom: 1rem;
  border: 0.0625rem solid #d0d0d7;
  cursor: pointer;
  width: 8rem;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item img {
  height: 5rem;
  flex: 1 1 auto !important;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item .view-details {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5rem;
  border-top: 0.0625rem solid #d0d0d7;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item .view-details .view-name {
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1 !important;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item.show-bottom-dropdown:last-child .view-details .dropdown-pane-container .dropdown-pane, .views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item.show-bottom-dropdown:nth-last-child(2) .view-details .dropdown-pane-container .dropdown-pane {
  bottom: 100%;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .empty-section {
  margin: 1rem auto;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item.selected {
  box-shadow: 0 0 0.3125rem #0d6aa8;
  background-color: #e5f0f8;
  color: #0d6aa8 !important;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item.selected .view-details .dropdown-pane-container button {
  color: #0d6aa8;
}
.views2d-viewer.leftpanel-content .leftpanel-content-body .leftpanel-content-body-container .view-item:hover {
  box-shadow: 0 0 0.375rem #aeaeb6;
}
.views2d-viewer.leftpanel-content .leftpanel-content-footer {
  padding: 1rem;
  box-shadow: 0 0 0.375rem #aeaeb6;
}

.pages-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pages-viewer.leftpanel-content .leftpanel-content-header {
  width: 100%;
  padding: 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.pages-viewer.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1 !important;
}
.pages-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-block {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  position: inherit;
}
.pages-viewer.leftpanel-content .leftpanel-content-header .header-title-section .rotation-controls {
  display: flex;
}
.pages-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0;
  cursor: pointer;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container:hover {
  background-color: #f3f3f7;
  cursor: unset;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container.active .page-label {
  font-size: 0.875rem;
  color: #0d6aa8;
  font-weight: 600;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container.active .viewer-thumb img {
  border: 0.2rem solid #0c77be;
  transform-origin: top left;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container.active:hover {
  background-color: transparent;
  cursor: unset;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container .viewer-thumb {
  padding: 10px 10px 0 10px;
  margin: 0 auto;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container .viewer-thumb img {
  max-height: 10rem;
  width: auto;
  max-width: 10rem;
}
.pages-viewer.leftpanel-content .leftpanel-content-body .viewer-thumb-container .page-label {
  text-align: center;
  font-size: 0.875rem;
  color: #6a6976;
  padding-top: 0.25rem;
}

.layers-viewer.leftpanel-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.layers-viewer.leftpanel-content .leftpanel-content-header {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
}
.layers-viewer.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  flex-grow: 1 !important;
  align-items: center;
  border-bottom: 1px solid #e2e2e7;
}
.layers-viewer.leftpanel-content .leftpanel-content-header .header-title-section .todo-options {
  font-size: 0.75rem !important;
}
.layers-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-section {
  flex: 1;
}
.layers-viewer.leftpanel-content .leftpanel-content-header .header-title-section .title-section h2 {
  text-transform: capitalize;
}
.layers-viewer.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 1rem;
}
.layers-viewer.leftpanel-content .leftpanel-content-body .layers-container {
  width: 100%;
  height: 100%;
}
.layers-viewer.leftpanel-content .leftpanel-content-body .layers-container .layer-item {
  display: flex;
  width: 100%;
  flex: 1;
  align-items: center;
}
.layers-viewer.leftpanel-content .leftpanel-content-body .layers-container .layer-item .hide-show-icon {
  margin-left: 10px;
  color: #6a6976;
}
.layers-viewer.leftpanel-content .leftpanel-content-body .layers-container .layer-item .layer-label {
  padding: 0 15px;
  font-size: 0.8rem;
  color: #6a6976;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SearchPanel.leftpanel-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.SearchPanel.leftpanel-content .leftpanel-content-header {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  align-items: center;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.SearchPanel.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  flex-grow: 1 !important;
  align-items: center;
}
.SearchPanel.leftpanel-content .leftpanel-content-header .header-title-section .todo-options {
  font-size: 0.75rem !important;
}
.SearchPanel.leftpanel-content .leftpanel-content-header .header-title-section .title-section {
  flex: 1;
}
.SearchPanel.leftpanel-content .result-count {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.SearchPanel.leftpanel-content .result-count .items-found {
  flex: 1;
}
.SearchPanel.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .page-number {
  padding: 0.75rem 1rem;
  text-transform: uppercase;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .group-items-page {
  border-bottom: 0.0625rem solid #d0d0d7;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .SearchResult {
  background-color: transparent;
  border: none;
  border-top: 0.0625rem solid #d0d0d7;
  display: block;
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  box-shadow: 0 0 3px 0 var(--box-shadow);
  padding: 0.75rem;
  background: var(--component-background);
  word-break: break-all;
  margin: 0 0.75rem;
  width: calc(100% - 1.5rem);
}
.SearchPanel.leftpanel-content .leftpanel-content-body html:not([data-tabbing=true]) .SearchResult {
  outline: none;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .SearchResult.selected {
  border-left: 3px solid #005f9e;
  background-color: #e5f0f8;
  color: #005f9e;
  box-shadow: none;
  font-weight: 600;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .SearchResult.selected .search-value {
  background: #ff6e00;
}
.SearchPanel.leftpanel-content .leftpanel-content-body .SearchResult .search-value {
  background: #ffd200;
  opacity: 0.5;
  word-break: break-all;
}

.content-panel.leftpanel-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.content-panel.leftpanel-content .leftpanel-content-header {
  width: 100%;
  padding: 1rem;
  border-bottom: 0.0625rem solid #d0d0d7;
}
.content-panel.leftpanel-content .leftpanel-content-header .header-title-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1 !important;
}
.content-panel.leftpanel-content .leftpanel-content-header .header-title-section .title-block {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  position: inherit;
}
.content-panel.leftpanel-content .leftpanel-content-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline {
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  flex-flow: column;
  width: 100%;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .wrapArrowAndOutline {
  display: flex;
  width: 100%;
  align-items: center;
  line-height: 2rem;
  border-left: 3px solid #ffffff;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .wrapArrowAndOutline:hover {
  background-color: #eaeaef;
  border-left: 3px solid #eaeaef;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .wrapArrowAndOutline.selected {
  border-left: 3px solid #005f9e;
  background-color: #e5f0f8;
  color: #005f9e;
  font-weight: 600;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .padding {
  flex-shrink: 0;
  flex-basis: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .padding .arrow {
  transition: transform 0.1s ease;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .padding .arrow.expanded {
  transform: rotate(90deg);
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .content {
  flex-grow: 1;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .content .contentButton {
  width: 100%;
  padding-right: 2rem;
  text-align: left;
  background: none;
  border: none;
}
.content-panel.leftpanel-content .leftpanel-content-body .Outline .content .contentButton span {
  display: block;
  line-height: 1.5rem;
  padding: 0.25rem 0;
}
.content-panel.leftpanel-content .leftpanel-content-body .OutlinesPanel {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.5rem 0;
}

.full-width {
  width: 100% !important;
}

.drop-zone-margin {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.disabled-list-item {
  pointer-events: none !important;
  opacity: 0.5;
}

div.react-type-filter .match-options {
  align-items: center;
  cursor: default;
  flex-flow: row wrap !important;
}
div.react-type-filter .match-options h5 {
  flex: 1;
  min-width: 3.125rem;
}
div.react-type-filter .match-options .toggle-button-group .button {
  max-width: 4.5rem !important;
}
div.react-type-filter div.dropdown-pane .select-menu-item.with-background {
  background-color: #eaeaef;
}

.filepermission-container {
  margin-top: 0.625rem;
}
.filepermission-container .selected-permissions-wrapper {
  margin-top: 1.25rem;
}
.filepermission-container .selected-permissions-wrapper .remove-all-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filepermission-container .selected-permissions-wrapper .remove-all-wrapper label {
  font-weight: 600;
}
.filepermission-container .selected-permissions-wrapper .remove-all-wrapper .remove-all {
  font-weight: 600;
  color: #207dbc;
  font-size: 0.75rem;
  margin-right: 1.25rem;
}
.filepermission-container .selected-permissions-wrapper .remove-all-wrapper .inherited-checkbox {
  margin-right: 0.5rem;
  cursor: not-allowed;
  opacity: 0.6;
}
.filepermission-container .selected-permissions-wrapper .remove-all-wrapper .inherited-checkbox .inherited-label {
  color: #666;
  font-size: 0.875rem;
  cursor: not-allowed;
  opacity: 0.8;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header {
  height: 18.75rem;
  border-radius: 0.25rem;
  background: #fff;
  margin-top: 0.625rem;
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions {
  background-color: #ffffff;
  overflow: auto;
  padding: 0.3125rem !important;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions.with-inherited-permissions {
  height: 14rem;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions.without-inherited-permissions {
  height: 14rem;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .no-permissions-msg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: gray;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .list-item.group {
  border-radius: 0.25rem;
  padding: 0.3125rem;
  background-color: #f1f5f9;
  margin-bottom: 0.3125rem;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .list-item.group .group-items {
  background-color: #f1f5f9;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .list-item.group .group-items .dropdownpane-link {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  margin-left: 0.5rem;
}
.filepermission-container .selected-permissions-wrapper .users-groups-list-header .list.selected-file-permissions .list-item.group .group-items .dropdown-list {
  max-width: 100% !important;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-hr {
  margin: 0.625rem 0;
  flex-shrink: 0;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission-title {
  font-weight: 600;
  margin-bottom: 0.625rem;
  color: #8c8b96;
  flex-shrink: 0;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission-title .lock-icon {
  margin-right: 0.5rem;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission {
  height: 6.25rem;
  border-radius: 0.25rem;
  background: #fff;
  margin-top: 0 0.3125rem;
  overflow: auto;
  padding: 0.3125rem;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission .parent-folder-permission-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper {
  display: flex;
  align-items: center;
  color: #8c8b96;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name {
  display: flex;
  flex-direction: column;
  margin-left: 0.75rem;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission .parent-folder-permission-list .users-groups-name-wrapper .users-groups-name .name-list {
  width: 15.625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.filepermission-container .selected-permissions-wrapper .inherited-permission-wrapper .inherited-permission .parent-folder-permission-list .access-chip {
  width: 5rem;
  background-color: "#fffff";
  border-radius: 0.9375rem;
  padding: 0.125rem;
  font-size: 0.75rem;
  display: flex;
  color: gray;
  border: 1px solid gray;
  justify-content: center;
  white-space: nowrap;
}

#filePermissions.reveal,
#filePermissions .reveal {
  min-width: 31rem !important;
  max-width: 31rem !important;
  width: 31rem !important;
  min-height: 35rem !important;
  max-height: 90vh !important;
}

#filePermissions .input-group.tags {
  border-bottom: none;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeb6;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #005f9e;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeb6;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeb6;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  background-color: #fff;
  color: #363545;
  border: 1px solid #aeaeb6;
  border-radius: 0;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #005f9e;
  border-bottom: 1px solid #aeaeb6;
  border-top-left-radius: 0;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.0325rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165, 165, 165);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeb6;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #005f9e;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #005f9e;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #005f9e;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0;
  background-color: #005f9e;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #363545;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0;
  background-color: #005f9e;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: rgb(0, 79, 132);
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0;
  background-color: #005f9e;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: rgb(49, 189, 62);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0;
  background-color: #005f9e;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: rgb(0, 79, 132);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0;
  background-color: rgb(0, 110, 183);
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: rgb(0, 79, 132);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
  background-color: rgba(0, 95, 158, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
  background-color: #005f9e;
  color: #363545;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #005f9e;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #005f9e;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178, 178, 178);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #005f9e;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0;
  border: 1px solid #aeaeb6;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178, 178, 178);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178, 178, 178);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #005f9e;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #005f9e;
  border-top: 1px solid #aeaeb6;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.575rem;
}

.react-datepicker__current-month {
  height: 4rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.react-datepicker__navigation {
  top: 32px;
  transition: 0.15s ease-in-out;
}
.react-datepicker__navigation--previous, .react-datepicker__navigation--previous:hover, .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #ffffff;
}
.react-datepicker__navigation--next, .react-datepicker__navigation--next:hover, .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #ffffff;
}

.react-datepicker__day-names {
  background-color: #00437b;
  margin-top: 10px;
}

.react-datepicker__day {
  border-radius: 50%;
  transition: 0.15s ease-in-out;
}
.react-datepicker__day:hover {
  border-radius: 50%;
  background: #e5f0f8;
  color: #005f9e;
  font-weight: 600;
}
.react-datepicker__day--today {
  color: #363545;
  font-weight: normal;
  background: #eaeaef;
}
.react-datepicker__day--selected, .react-datepicker__day--selected:hover {
  background: #005f9e;
  font-weight: 600;
  color: #ffffff;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #ffffff;
  color: #000000;
}
.react-datepicker__year-dropdown .react-datepicker__navigation,
.react-datepicker__month-dropdown .react-datepicker__navigation,
.react-datepicker__month-year-dropdown .react-datepicker__navigation {
  top: 0px;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background: #e5f0f8;
  color: #005f9e;
  font-weight: 600;
}
.react-datepicker__year-option--selected_month, .react-datepicker__year-option--selected_month:hover, .react-datepicker__year-option--selected_year, .react-datepicker__year-option--selected_year:hover,
.react-datepicker__month-option--selected_month,
.react-datepicker__month-option--selected_month:hover,
.react-datepicker__month-option--selected_year,
.react-datepicker__month-option--selected_year:hover,
.react-datepicker__month-year-option--selected_month,
.react-datepicker__month-year-option--selected_month:hover,
.react-datepicker__month-year-option--selected_year,
.react-datepicker__month-year-option--selected_year:hover {
  background: #005f9e;
  font-weight: 600;
  color: #ffffff;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #ffffff;
}

.react-datepicker__day-name,
.react-datepicker__time-name,
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  color: #ffffff;
}

.react-datepicker__time-container {
  width: 105px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 105px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 110px;
}

.react-datepicker__month-dropdown-container {
  margin-right: 1rem !important;
}

.react-datepicker__year-dropdown-container {
  margin-left: 1rem !important;
}

.nwd-thumbnail-container {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 104px;
}

.nwd-thumbnail-wrapper {
  position: relative;
  display: inline-block;
}

.nwd-thumbnail-img {
  display: block;
}

.nwd-thumbnail-badge {
  position: absolute;
  bottom: 10px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.nwd-thumbnail-badge-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: #007ad9;
}

.nwd-thumbnail-badge-label {
  font-size: 12px;
  font-weight: 500;
  color: #101828;
  white-space: nowrap;
  line-height: 16px;
}

.nwd-comment-icon {
  font-size: 32px;
  line-height: 80px;
  display: block;
  text-align: center;
}

.comment-attachment-thumbnail {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

@media (min-width: 1500px) {
  .container {
    max-width: 90%;
  }
}
.qr-input {
  width: 18.125rem;
}

.qrCode {
  margin-left: 3.125rem;
  height: 18rem !important;
  width: 18rem !important;
}

@media (orientation: portrait) {
  .qrcode {
    margin-top: 2rem !important;
    width: 90vw !important;
    max-width: 1000px;
    height: 90vw !important;
  }
}
@media (orientation: landscape) {
  .qrcode {
    width: calc(50vh - 2rem) !important;
    height: calc(50vh - 4.5rem) !important;
  }
}
/* @import "./scss/metadata-list.scss"; */