html {
  --color-ibm-carbon-blue-1: #edf5ff;
  --color-ibm-carbon-blue-2: #d0e2ff;
  --color-ibm-carbon-blue-3: #a6c8ff;
  --color-ibm-carbon-blue-4: #78a9ff;
  --color-ibm-carbon-blue-5: #4589ff;
  --color-ibm-carbon-blue-6: #0f62fe;
  --color-ibm-carbon-blue-7: #0043ce;
  --color-ibm-carbon-blue-8: #002d9c;
  --color-ibm-carbon-blue-9: #001d6c;
  --color-ibm-carbon-blue-10: #001141;
}

html {
  --color-black: #000;
  --color-white: #fff;
  --color-blue-1: #e6f7ff;
  --color-blue-2: #bae7ff;
  --color-blue-3: #91d5ff;
  --color-blue-4: #69c0ff;
  --color-blue-5: #40a9ff;
  --color-blue-6: #1890ff;
  --color-blue-7: #096dd9;
  --color-blue-8: #0050b3;
  --color-blue-9: #003a8c;
  --color-blue-10: #002766;
  --color-purple-1: #f9f0ff;
  --color-purple-2: #efdbff;
  --color-purple-3: #d3adf7;
  --color-purple-4: #b37feb;
  --color-purple-5: #9254de;
  --color-purple-6: #722ed1;
  --color-purple-7: #531dab;
  --color-purple-8: #391085;
  --color-purple-9: #22075e;
  --color-purple-10: #120338;
  --color-cyan-1: #e6fffb;
  --color-cyan-2: #b5f5ec;
  --color-cyan-3: #87e8de;
  --color-cyan-4: #5cdbd3;
  --color-cyan-5: #36cfc9;
  --color-cyan-6: #13c2c2;
  --color-cyan-7: #08979c;
  --color-cyan-8: #006d75;
  --color-cyan-9: #00474f;
  --color-cyan-10: #002329;
  --color-green-1: #f6ffed;
  --color-green-2: #d9f7be;
  --color-green-3: #b7eb8f;
  --color-green-4: #95de64;
  --color-green-5: #73d13d;
  --color-green-6: #52c41a;
  --color-green-7: #389e0d;
  --color-green-8: #237804;
  --color-green-9: #135200;
  --color-green-10: #092b00;
  --color-magenta-1: #fff0f6;
  --color-magenta-2: #ffd6e7;
  --color-magenta-3: #ffadd2;
  --color-magenta-4: #ff85c0;
  --color-magenta-5: #f759ab;
  --color-magenta-6: #eb2f96;
  --color-magenta-7: #c41d7f;
  --color-magenta-8: #9e1068;
  --color-magenta-9: #780650;
  --color-magenta-10: #520339;
  --color-red-1: #fff1f0;
  --color-red-2: #ffccc7;
  --color-red-3: #ffa39e;
  --color-red-4: #ff7875;
  --color-red-5: #ff4d4f;
  --color-red-6: #f5222d;
  --color-red-7: #cf1322;
  --color-red-8: #a8071a;
  --color-red-9: #820014;
  --color-red-10: #5c0011;
  --color-orange-1: #fff7e6;
  --color-orange-2: #ffe7ba;
  --color-orange-3: #ffd591;
  --color-orange-4: #ffc069;
  --color-orange-5: #ffa940;
  --color-orange-6: #fa8c16;
  --color-orange-7: #d46b08;
  --color-orange-8: #ad4e00;
  --color-orange-9: #873800;
  --color-orange-10: #612500;
  --color-yellow-1: #feffe6;
  --color-yellow-2: #ffffb8;
  --color-yellow-3: #fffb8f;
  --color-yellow-4: #fff566;
  --color-yellow-5: #ffec3d;
  --color-yellow-6: #fadb14;
  --color-yellow-7: #d4b106;
  --color-yellow-8: #ad8b00;
  --color-yellow-9: #876800;
  --color-yellow-10: #614700;
  --color-volcano-1: #fff2e8;
  --color-volcano-2: #ffd8bf;
  --color-volcano-3: #ffbb96;
  --color-volcano-4: #ff9c6e;
  --color-volcano-5: #ff7a45;
  --color-volcano-6: #fa541c;
  --color-volcano-7: #d4380d;
  --color-volcano-8: #ad2102;
  --color-volcano-9: #871400;
  --color-volcano-10: #610b00;
  --color-geekblue-1: #f0f5ff;
  --color-geekblue-2: #d6e4ff;
  --color-geekblue-3: #adc6ff;
  --color-geekblue-4: #85a5ff;
  --color-geekblue-5: #597ef7;
  --color-geekblue-6: #2f54eb;
  --color-geekblue-7: #1d39c4;
  --color-geekblue-8: #10239e;
  --color-geekblue-9: #061178;
  --color-geekblue-10: #030852;
  --color-lime-1: #fcffe6;
  --color-lime-2: #f4ffb8;
  --color-lime-3: #eaff8f;
  --color-lime-4: #d3f261;
  --color-lime-5: #bae637;
  --color-lime-6: #a0d911;
  --color-lime-7: #7cb305;
  --color-lime-8: #5b8c00;
  --color-lime-9: #3f6600;
  --color-lime-10: #254000;
  --color-gold-1: #fffbe6;
  --color-gold-2: #fff1b8;
  --color-gold-3: #ffe58f;
  --color-gold-4: #ffd666;
  --color-gold-5: #ffc53d;
  --color-gold-6: #faad14;
  --color-gold-7: #d48806;
  --color-gold-8: #ad6800;
  --color-gold-9: #874d00;
  --color-gold-10: #613400;
  --color-gray-1: #fff;
  --color-gray-2: #fafafa;
  --color-gray-3: #f5f5f5;
  --color-gray-4: #f0f0f0;
  --color-gray-5: #d9d9d9;
  --color-gray-6: #bfbfbf;
  --color-gray-7: #8c8c8c;
  --color-gray-8: #595959;
  --color-gray-9: #434343;
  --color-gray-10: #262626;
  --color-gray-11: #1f1f1f;
  --color-gray-12: #141414;
  --color-gray-13: #000;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.pointer {
  cursor: pointer !important;
}

.w-unset {
  width: unset;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-75 {
  height: 75vh;
}

.h-100 {
  height: 100% !important;
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

.grid-cell-no-grow {
  min-width: 0;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.flex {
  display: flex !important;
}

.contents {
  display: contents;
}

.flex-1 {
  flex: 1;
}

.grid-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.table-row-border {
  border-bottom: 1px solid var(--color-border);
}
.table-row-border:last-child {
  border-bottom: none;
}

.wrap {
  flex-wrap: wrap !important;
  white-space: wrap !important;
}

.nowrap {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.row {
  flex-direction: row !important;
}

.column {
  flex-direction: column !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-stretch {
  align-items: stretch !important;
}

.align-items-baseline {
  align-items: baseline !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-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.justify-self-baseline {
  justify-self: baseline;
}

.grid-area-a {
  grid-area: a;
}

.grid-area-b {
  grid-area: b;
}

.grid-area-c {
  grid-area: c;
}

.grid-area-d {
  grid-area: d;
}

.grid-area-e {
  grid-area: e;
}

.grid-area-f {
  grid-area: f;
}

.bolder {
  font-weight: 700;
}

.bold {
  font-weight: 600;
}

.bold-semi {
  font-weight: 500;
}

.bold-light {
  font-weight: 400;
}

.font-10 {
  font-size: 10px;
}

.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.text-ellipsis {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.gap-0 {
  gap: 0;
}

.gap-micro {
  gap: var(--gap-micro);
}

.gap-tiny {
  gap: var(--gap-tiny);
}

.gap-small {
  gap: var(--gap-small);
}

.gap-medium {
  gap: var(--gap-medium);
}

.gap-big {
  gap: var(--gap-big);
}

.gap-huge {
  gap: var(--gap-huge);
}

.gap-1px {
  gap: 1px;
}

.gap-2px {
  gap: 2px;
}

.gap-3px {
  gap: 3px;
}

.gap-4px {
  gap: 4px;
}

.gap-5px {
  gap: 5px;
}

.gap-6px {
  gap: 6px;
}

.gap-7px {
  gap: 7px;
}

.gap-8px {
  gap: 8px;
}

.gap-9px {
  gap: 9px;
}

.gap-10px {
  gap: 10px;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.z-index-light {
  z-index: 100;
}

.z-index-medium {
  z-index: 200;
}

.z-index-important {
  z-index: 999;
}

.z-index-top {
  z-index: 9999;
}

.border-solid-1 {
  border: 1px solid var(--color-border);
}

.border-0 {
  border: 0;
}

.padding-0 {
  padding: 0;
}

.margin-0 {
  margin: 0;
}

.padding-medium {
  padding: 16px;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.color-secondary {
  color: var(--color-secondary);
}

.link-secondary {
  color: var(--color-white) !important;
}
.link-secondary:visited {
  color: var(--color-white) !important;
}
.link-secondary:hover {
  color: rgb(from var(--color-white) r g b/0.8) !important;
}

@keyframes appear-vertical-animation {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes disappear-vertical-animation {
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}
.danger-light {
  color: var(--color-danger-light);
}

.danger {
  color: var(--color-danger-medium);
}

.danger-heavy {
  color: var(--color-danger-heavy);
}

.warning {
  color: var(--color-warning);
}

.success {
  color: var(--color-success);
}

.flip-hor {
  transform: scaleX(-1);
}

@keyframes animation-keyframes-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation-rotate {
  animation: animation-keyframes-rotate 1s linear infinite alternate;
}

.ant-modal {
  top: var(--header-height) !important;
}

.ant-modal > .ant-modal-content {
  padding: 16px 32px;
}

.ant-modal > .ant-modal-content > .ant-modal-footer {
  display: none;
}

.ant-select > .ant-select-selector {
  padding: 0 4px;
}

.ant-upload {
  width: 100%;
}

.ant-btn {
  transition: none;
  border-radius: var(--default-border-radius);
}

.ant-modal-body-override {
  padding-right: 8px;
}

.ant-radio-button-wrapper:last-child {
  border-start-end-radius: var(--default-border-radius) !important;
  border-end-end-radius: var(--default-border-radius) !important;
}

.ant-radio-button-wrapper:first-child,
.ant-input-search .ant-input-group > .ant-input:first-child {
  border-start-start-radius: var(--default-border-radius) !important;
  border-end-start-radius: var(--default-border-radius) !important;
}

.ant-tabs-nav-operations {
  display: none !important;
}

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  display: flex;
  align-items: center;
  height: 100%;
}

.ant-menu-horizontal > .ant-menu-item-selected {
  color: var(--color-white) !important;
  background-color: var(--color-ibm-carbon-blue-8) !important;
}

.ant-menu-horizontal > :not(.ant-menu-item-selected):hover {
  background-color: rgba(0, 45, 156, 0.5) !important;
}

.ant-picker-dropdown,
.ant-select-dropdown {
  z-index: 1270 !important;
}

.ant-collapse .ant-collapse-item .ant-collapse-header {
  align-items: center;
}

@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
html {
  --color-scroll-bar: rgb(0, 0, 0, 0.1);
  --color-scroll-bar-hover: rgb(0, 0, 0, 0.2);
}

* {
  scrollbar-color: var(--color-scroll-bar) transparent;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-scroll-bar);
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-scroll-bar-hover);
}

*:hover {
  scrollbar-color: var(--color-scroll-bar-hover) transparent;
}

html {
  --size-micro: 2px;
  --size-tiny: 4px;
  --size-small: 8px;
  --size-medium: 16px;
  --size-big: 24px;
  --size-huge: 32px;
}

html {
  --z-index-light: 100;
  --z-index-medium: 200;
  --z-index-important: 999;
  --z-index-top: 9999;
  --max-screen-width: 1920px;
  --header-height: 64px;
  --pagination-height: 40px;
  --min-content-height: calc(100vh - var(--header-height));
  --content-padding: 16px;
  --default-border-radius: 2px;
  --dimension-by-size-small-width: 36px;
  --dimension-by-size-small-height: 48px;
  --dimension-by-size-medium-width: 48px;
  --dimension-by-size-medium-height: 64px;
  --dimension-by-size-large-width: 60px;
  --dimension-by-size-large-height: 80px;
  --dimension-by-size-huge-width: 72px;
  --dimension-by-size-huge-height: 96px;
  --gap-micro: var(--size-micro);
  --gap-tiny: var(--size-tiny);
  --gap-small: var(--size-small);
  --gap-medium: var(--size-medium);
  --gap-big: var(--size-big);
  --gap-huge: var(--size-huge);
  --padding-tiny: var(--size-tiny);
  --padding-small: var(--size-small);
  --padding-medium: var(--size-medium);
  --padding-big: var(--size-big);
  --padding-huge: var(--size-huge);
  --typography-size12: 0.75rem;
  --typography-size14: 0.875rem;
  --typography-size16: 1rem;
  --typography-size18: 1.125rem;
  --typography-size20: 1.25rem;
  --typography-size22: 1.375rem;
  --typography-size24: 1.5rem;
  --typography-size26: 1.625rem;
  --typography-size28: 1.75rem;
  --typography-size30: 1.875rem;
  --typography-size32: 2rem;
  --typography-size34: 2.125rem;
  --typography-size36: 2.25rem;
  --typography-size38: 2.375rem;
  --typography-size40: 2.5rem;
  --color-default: rgb(0, 0, 0, 0.85);
  --color-secondary: rgb(0, 0, 0, 0.45);
  --color-background-disabled: rgb(0, 0, 0, 0.04);
  --color-background-light: rgb(0, 0, 0, 0.02);
  --color-background-medium: rgb(0, 0, 0, 0.06);
  --color-border-info-table: rgb(0, 0, 0, 0.06);
  --color-border: rgb(0, 0, 0, 0.15);
  --color-main-1: var(--color-ibm-carbon-blue-6);
  --color-selected-table-row: var(--color-ibm-carbon-blue-1);
  --color-warning: var(--color-gold-6);
  --color-success: var(--color-green-6);
  --color-error-light: var(--color-red-1);
  --color-warning-alt: var(--color-purple-2);
  --color-warning-heavy: var(--color-orange-4);
  --color-icon-default: #979797;
  --color-icon-hover: #161616;
  --color-icon-disabled: rgb(0, 0, 0, 0.4);
  --color-header: #001529;
  --color-shadow: rgb(0, 0, 0, 0.03);
  --color-link: var(--color-ibm-carbon-blue-6);
  --color-link-hover: var(--color-ibm-carbon-blue-5);
  --color-danger-light: var(--color-red-4);
  --color-danger-medium: var(--color-red-5);
  --color-danger-heavy: var(--color-red-6);
  --color-warning-presale: var(--color-orange-2);
  --color-presale-dead-deal: var(--color-purple-3);
  --color-presale-form-delimiter: var(--color-orange-7);
  --color-presale-background-critical: var(--color-red-3);
  --color-presale-background-unusual: var(--color-purple-1);
  --color-presale-border-critical: var(--color-red-3);
  --color-presale-border-unusual: var(--color-purple-5);
  --color-presale-text-critical: var(--color-red-6);
  --color-presale-text-unusual: var(--color-purple-6);
}

* {
  box-sizing: border-box;
}

body {
  height: 100vh;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-default);
  background-color: var(--color-background-disabled);
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}

#root {
  height: 100%;
}

*:hover {
  scrollbar-color: var(--color-scroll-bar-hover) transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
}

hr,
p {
  margin: 0;
}.emails-thread {
  height: 85vh;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}
.emails-thread .ant-collapse-extra {
  align-self: stretch;
}
.emails-thread .ant-collapse-item {
  border-top: 1px solid var(--color-border);
  padding-top: var(--size-tiny);
}
.emails-thread .ant-collapse-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.emails-thread .emails-thread__item-label {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  gap: var(--gap-micro) var(--gap-small);
}

.emails-thread .emails-thread__item-label-info {
  white-space: wrap;
  font-weight: 600;
  justify-self: flex-start;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-tiny);
}

.emails-thread .emails-thread__item-attachments {
  grid-column: 1/3;
  flex-wrap: wrap;
  white-space: wrap;
  gap: var(--gap-tiny);
}
.emails-thread .emails-thread__item-attachments li {
  border-right: 2px solid var(--color-border);
  padding-right: var(--gap-tiny);
}
.emails-thread .emails-thread__item-attachments li:last-child {
  border-right: 0;
}

.emails-thread .emails-thread__item-label-preview {
  margin-top: var(--gap-small);
  grid-column: 1/3;
  white-space: wrap;
}

.emails-thread .emails-thread__collapse .ant-collapse-expand-icon {
  height: unset !important;
  align-self: flex-start;
  margin-top: calc(0.5em - 1px);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
}

.emails-thread .emails-thread__item-message {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  white-space: pre-wrap;
}.form-email-message-reply__container {
  margin-right: 8px;
}

.form-email-message-reply__container .ant-modal-content__container {
  height: 874px;
}

.form-email-message-reply__container .form-email-message-reply {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-email-message-reply .form-email-message-reply__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-email-message-reply .form-email-message-reply__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-email-message-reply .form-email-message-reply__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-email-message-reply .form-email-message-reply__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-email-message-reply .form-email-message-reply__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-email-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.form-email-preview .form-email-preview__plain-text {
  white-space: pre-wrap;
}.update-notifier__button {
  cursor: pointer;
  background: none !important;
  border: none;
  padding: 0 !important;
  font-size: 16px;
  color: var(--color-link);
  text-decoration: underline;
}.dashboard {
  flex: 1;
  padding: var(--content-padding);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard__centered {
  justify-content: center;
  align-items: center;
}

.dashboard__title {
  font-size: 24px;
}.dashboard-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.dashboard-view .dashboard-view__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  background-color: var(--color-white);
}

.dashboard-view .dashboard-view__tabs {
  flex: 1;
}
.dashboard-view .dashboard-view__tabs .ant-tabs-nav {
  padding: 0 16px;
}.dashboard-customer-locations-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-customer-locations-view .dashboard-customer-locations-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-customer-locations-view .dashboard-customer-locations-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-customer-locations-view .dashboard-customer-locations-view__header__search-input {
  width: 250px;
}

.dashboard-customer-locations-view .dashboard-customer-locations-view__header__status-filter {
  width: 350px;
}.dashboard-customer-locations-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-customer-locations-view__group .dashboard-customer-locations-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.dashboard-customer-locations-view-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-customer-locations-view-group__header .dashboard-customer-locations-view-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 280px;
  margin-right: 50px;
}

.dashboard-customer-locations-view-group__header .dashboard-customer-locations-view-group__header__pagination {
  margin-left: auto;
}

.dashboard-customer-locations-view-group__header .dashboard-customer-locations-view-group__header__collapse-icon-button {
  cursor: pointer;
}.dashboard-customer-locations-view__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
}

.dashboard-customer-locations-view__list .dashboard-customer-locations-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.dashboard-customer-location {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  border-bottom: 2px solid var(--color-gray-4);
}

.dashboard-customer-location .dashboard-customer-location__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-customer-location .dashboard-customer-location__header-icon svg {
  width: 32px;
  height: 32px;
}

.dashboard-customer-location .dashboard-customer-location__header__collapse-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.dashboard-customer-location .dashboard-customer-location__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-customer-location .dashboard-customer__location__tabs {
  flex: 1;
}.customer-info__container {
  display: flex;
  background-color: var(--color-background-light);
  padding: 8px 0 8px 16px;
  margin-bottom: 24px;
  gap: var(--gap-huge);
}.customer-location-change-assigned-to-button__container {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
  padding: 0;
  border: 0;
  margin: 0;
  height: 18px;
}
.customer-location-change-assigned-to-button__container span {
  height: 18px;
}.customer-location-verify-button__container {
  padding: 0;
  border: 0;
  height: auto;
}.customer-location-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.customer-location-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.customer-location-interactions__container .customer-location-interactions__header {
  height: 32px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.customer-location-interactions__container .customer-location-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.customer-location-interactions__container .customer-location-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}

.customer-location-interactions__container .customer-location-interactions__header-item-disabled {
  cursor: not-allowed;
}

.customer-location-interactions__container .customer-location-interactions__list {
  max-height: 650px;
}.modal-interaction-email__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-medium);
  height: 100%;
}

.modal-interaction-email__container .modal-interaction-email__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.modal-interaction-email__container .modal-interaction-email__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}

.modal-interaction-email__container .modal-interaction-email__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}.interactions__list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  overflow: scroll;
}

.interactions__list .interactions__list-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 8px;
  border-top: 1px solid var(--color-gray-4);
}
.interactions__list .interactions__list-item:first-child {
  border: unset;
}

.interactions__list .interactions__list-item__content {
  line-height: 1.75em;
  padding: 8px 0;
}

.interactions__list .interactions__list-item__content-short {
  padding: 0;
  line-height: 1em;
}

.interactions__list .interactions__list-item__content-partial-short {
  line-height: 1em;
  padding-bottom: 0;
}.interaction__content {
  display: grid;
  grid-template-columns: 40px auto;
}

.interaction__content .interaction__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.interaction__content .interaction__content-email {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  gap: 0 var(--gap-small);
}

.interaction__content .interaction__content-task {
  align-items: flex-start;
}

.interaction__content .interaction__content-task__icon {
  cursor: pointer;
}

.interaction__content .interaction__content-update {
  flex-flow: row wrap;
  gap: var(--gap-small);
}

.interaction__content .interaction__content-upload {
  align-items: flex-start;
}

.interaction__content .interaction__content-task__value {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.interaction__content .interaction__content-action__icon {
  cursor: pointer;
}

.interaction__content .interaction__content-action__summary-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.interaction__content .interaction__content-action__children {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.interaction__content .interaction__content-action__divider {
  border-top: 1px solid rgb(from var(--color-border) r g b/0.05);
}.task-link__container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}

.task-link__container .task-link__link {
  white-space: nowrap;
}

.task-link__container:visited {
  color: var(--color-link);
}.interaction__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.interaction__header .interaction__header__actions {
  margin-left: auto;
}.interaction-icon__container {
  border-radius: 50%;
  padding: 6px;
  line-height: 1;
  display: flex;
}
.interaction-icon__container svg {
  width: 14px;
  height: 14px;
  fill: var(--color-secondary);
}.customer-location-transactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-transactions-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.customer-location-transactions__overdue-filter__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  cursor: pointer;
}
.customer-location-transactions__overdue-filter__container .ant-btn-icon {
  margin-inline-end: 0 !important;
}

.customer-location-transactions__overdue-filter__container .customer-location-transactions__overdue-filter__count {
  padding: 2px 5px;
  border-radius: 13px;
  background-color: var(--color-danger-medium);
  color: var(--color-white);
  min-width: 26px;
}

.customer-location-transactions__overdue-filter__container .customer-location-transactions__overdue-filter__count__disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-secondary);
}.customer-location-transactions-summary__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-background-light);
  padding: 8px 16px;
  border-width: 1px 0 0;
}

.customer-location-transactions-summary__container .customer-location-transactions-summary__item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.customer-location-transactions-summary__container .customer-location-transactions-summary__item__label {
  font-size: 12px;
  color: var(--color-secondary);
}

.customer-location-transactions-summary__container .customer-location-transactions-summary__item__value {
  font-size: 14px;
  color: var(--color-default);
}.customer-location-transactions-table__container {
  background-color: #F2F2F2;
}
.customer-location-transactions-table__container span.ant-table-row-indent, .customer-location-transactions-table__container button.ant-table-row-expand-icon {
  display: none;
}

.customer-location-transactions-table__container .customer-location-transactions-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.customer-location-transactions-table__expanded-row-icon .customer-location-transactions-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-transactions-table__expanded-row-icon .customer-location-transactions-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-transactions-table__container .customer-location-transactions-table__vendor-column {
  overflow-x: hidden;
}
.customer-location-transactions-table__container .customer-location-transactions-table__vendor-column a {
  display: block;
  max-width: 150px;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.customer-location-transactions-table__container .customer-location-transactions-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.customer-location-transactions-table__container .customer-location-transactions-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.product-link__container .product-link__link {
  white-space: nowrap;
}

.product-link__container .product-link__not-verified {
  color: var(--color-danger-heavy);
}.dashboard-customer-locations-with-no-presale-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-customer-locations-with-no-presale-view__group .dashboard-customer-locations-with-no-presale-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.dashboard-outbound-leads-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.dashboard-outbound-leads-view .outbound-leads-view__group__header {
  top: calc(var(--header-height) + 80px);
}

.dashboard-outbound-leads-view .dashboard-outbound-leads-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-outbound-leads-view .dashboard-outbound-leads-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-outbound-leads-view .dashboard-outbound-leads-view__header__search-input {
  width: 250px;
}

.dashboard-outbound-leads-view .dashboard-outbound-leads-view__header__status-filter {
  width: 350px;
}.dashboard-outbound-leads-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-outbound-leads-view__group .dashboard-outbound-leads-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.outbound-leads__group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.outbound-leads__group__header .outbound-leads__group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  width: 120px;
  max-width: 300px;
  margin-right: 50px;
  white-space: nowrap;
}

.outbound-leads__group__header .outbound-leads__group__header__pagination {
  margin-left: auto;
}

.outbound-leads__group__header .outbound-leads__group__header__collapse-icon-button {
  cursor: pointer;
}.outbound-leads__list {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.outbound-leads__list .outbound-leads__list__loading {
  background-color: transparent;
}

.outbound-leads__list .outbound-leads__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.outbound-leads-list-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.outbound-leads-list-item__hovered:hover {
  background-color: var(--color-selected-table-row);
}

.outbound-leads-list-item__collapsed {
  border-bottom-width: 3px;
}

.outbound-leads-list-item__highlighted {
  background-color: var(--color-selected-table-row);
}

.outbound-leads-list-item .outbound-leads-list__tabs-container {
  min-width: 0;
}
.outbound-leads-list-item .outbound-leads-list__tabs-container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.outbound-leads-list-item .outbound-leads-list-item__content {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 0 16px;
  padding: 0 16px 16px;
  min-height: 100px;
}
.outbound-leads-list-item .outbound-leads-list-item__content .ant-collapse-content-box {
  padding: 0;
}
.outbound-leads-list-item .outbound-leads-list-item__content .ant-collapse-header-text {
  flex: 1 !important;
}

.outbound-leads-list-item .outbound-leads-list-item__collapse-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.outbound-leads-list-item .outbound-leads-list-item {
  display: grid;
  grid-template-columns: 11fr 4fr;
  gap: 0 32px;
  padding: 8px 16px 16px;
}

.outbound-leads-list-item .outbound-leads-list-item__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.outbound-leads-list-item__info-block .outbound-leads-list-item__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.outbound-leads-list-item__info-block .outbound-leads-list-item__info-row span.ant-tag {
  text-transform: uppercase;
}
.outbound-leads-list-item__info-block .outbound-leads-list-item__info-row {
  padding: 8px 8px 8px 24px;
  border-bottom: 1px solid var(--color-border);
}
.outbound-leads-list-item__info-block .outbound-leads-list-item__info-row:last-child {
  border-bottom: 0;
}

.outbound-leads-list-item__info-row .outbound-leads-list-item__info-row__label {
  white-space: nowrap;
}

.outbound-leads-list-item__info-row .outbound-leads-list-item__info-row__value {
  font-weight: 600;
  white-space: nowrap;
}

.outbound-leads-list-item__info-row .outbound-leads-list-item__info-row__sub-value {
  white-space: nowrap;
  color: var(--color-secondary);
}

.outbound-leads-list-item .outbound-leads-list-item__spec-data .ant-tag {
  font-weight: 400 !important;
  text-transform: unset !important;
}.outbound-leads-list-item__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 8px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-status {
  flex-basis: 250px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-kind {
  flex-basis: 150px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-ticket-count {
  flex-basis: 120px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-created {
  flex-basis: 200px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-updated {
  flex-basis: 200px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__banner-distance {
  margin-left: auto;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__data {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.outbound-leads-list-item__header .outbound-leads-list-item__header__block span, .outbound-leads-list-item__header .outbound-leads-list-item__header__block a, .outbound-leads-list-item__header .outbound-leads-list-item__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.outbound-leads-list-item__header .outbound-leads-list-item__interaction-summary {
  width: 140px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__last-interaction-info {
  width: 200px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__ticket-numbers {
  width: 100px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__ticket-number {
  width: 175px;
}

.outbound-leads-list-item__header .outbound-leads-list-item__assignee {
  width: 200px;
}

.outbound-leads-list-item__header__product-info .outbound-leads-list-item__header__collapse-button {
  flex-shrink: 0;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.outbound-leads-list-item__header .outbound-leads-list-item__header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}.form-outbound-lead-clone {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-clone .form-outbound-lead-clone__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-outbound-lead-clone .form-outbound-lead-clone__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-clone .form-outbound-lead-clone__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-clone .form-outbound-lead-clone__content__block-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-outbound-lead-clone .form-outbound-lead-clone__content__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-clone .form-outbound-lead-clone__product-types {
  border: 1px solid transparent;
}

.form-outbound-lead-clone .form-outbound-lead-clone__product-types-error {
  border: 1px solid var(--color-danger-medium);
}

.form-outbound-lead-clone .form-outbound-lead-clone__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.button-outbound-lead__selection-change {
  width: 24px;
}
.button-outbound-lead__selection-change .ant-checkbox .ant-checkbox-inner {
  transform: scale(2);
}
.button-outbound-lead__selection-change .ant-checkbox .ant-checkbox-inner::after {
  inset-inline-start: 23%;
}.outbound-lead-company-name-edit__container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.outbound-lead-company-name-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.outbound-lead-company-name-edit__container .outbound-lead-company-name-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.outbound-lead-company-name-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.outbound-lead-company-name-edit__container .outbound-lead-company-name-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.outbound-lead-company-name-edit__container:hover .outbound-lead-company-name-edit__icon {
  fill: var(--color-link-hover);
}.outbound-leads-list-item-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.outbound-leads-list-item-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.outbound-leads-list-item-interactions__container .outbound-leads-list-item-interactions__header {
  margin: 0 0 16px;
  height: 46px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.outbound-leads-list-item-interactions__container .outbound-leads-list-item-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-big);
}

.outbound-leads-list-item-interactions__container .outbound-leads-list-item-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.outbound-leads-list-item-interactions__container .outbound-leads-list-item-interactions__header-item-disabled {
  cursor: not-allowed;
}

.outbound-leads-list-item-interactions__container .outbound-leads-list-item-interactions__list {
  max-height: 500px;
}.form-outbound-lead__shipping-address-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead__shipping-address-edit .form-outbound-lead__shipping-address-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead__shipping-address-edit .form-outbound-lead__shipping-address-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-outbound-lead__shipping-address-edit .form-outbound-lead__shipping-address-edit__content__block .control-wrapper,
.form-outbound-lead__shipping-address-edit .form-outbound-lead__shipping-address-edit__content__block .text-input__container {
  padding: 0;
}

.form-outbound-lead__shipping-address-edit .form-outbound-lead__shipping-address-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-outbound-lead__contact {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead__contact .form-outbound-lead__contact__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead__contact .form-outbound-lead__contact__content__block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead__contact .form-outbound-lead__contact__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.dashboard-outbound-leads-view-repository-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}.dashboard-outbound-leads-view-repository-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-outbound-leads-view-repository-group__header .dashboard-outbound-leads-view-repository-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  margin-right: 50px;
}

.dashboard-outbound-leads-view-repository-group__header .dashboard-outbound-leads-view-repository-group__header__pagination {
  margin-left: auto;
}

.dashboard-outbound-leads-view-repository-group__header .dashboard-outbound-leads-view-repository-group__header__collapse-icon-button {
  cursor: pointer;
}.dashboard-presales-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-presales-view .dashboard-presales-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-presales-view .dashboard-presales-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-presales-view .dashboard-presales-view__header__search-input {
  width: 250px;
}

.dashboard-presales-view .dashboard-presales-view__header__status-filter {
  width: 350px;
}

.dashboard-presales-view .presales-view__content__list {
  min-height: 10vh;
}.presales-view__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.presales-view__list .presales-view__list__loading {
  background-color: transparent;
}

.presales-view__list .presales-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}.presale-card-view {
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 3px solid var(--color-border);
  box-shadow: 0 2px 2px 0 var(--color-shadow);
}

.presale-card-view .presale-card-view__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.presale-card-view__has-problems {
  border-color: var(--color-presale-border-critical);
}

.presale-card-view__dead-deal {
  border-color: var(--color-presale-border-unusual);
}

.presale-card-view .presale-card-view__content {
  display: grid;
  grid-template-columns: 4fr 7fr 5fr;
  gap: 0 32px;
  padding: 8px 16px 16px;
}

@keyframes appear-vertical-animation {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
.presale-card-view .presale-card-view__content__animation {
  animation: appear-vertical-animation 0.2s ease;
  transform-origin: top;
}

.presale-card-view__content .presale-card-view__content__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  overflow-x: hidden;
}

.presale-card-view__content .presale-card-view__content__center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-huge);
  overflow-x: hidden;
}

.presale-card-view__content .presale-card-view__content__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  overflow-x: hidden;
}

.presale-card-view__content .presale-card-view__content__info-block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  padding: 16px;
  background-color: var(--color-background-light);
}

.presale-card-view__content .presale-card-view__content__info-block:last-child {
  margin-bottom: 0;
}

.presale-card-view__content .presale-card-view__content__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.presale-card-view__content .presale-card-view__content__info-row span.ant-tag {
  text-transform: uppercase;
}

.presale-card-view__content .presale-card-view__content__info-row__label {
  white-space: nowrap;
}

.presale-card-view__content .presale-card-view__content__info-row__value {
  font-weight: 600;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__content .presale-card-view__content__info-row__subvalue {
  white-space: nowrap;
  color: var(--color-secondary);
}

.presale-card-view__content .presale-card-view__content__info-row__value:last-child {
  margin-right: 0;
}

.presale-card-view__content .presale-card-view__content__info-row__status {
  font-size: 16px;
  font-weight: 600;
  line-height: 157%;
  text-transform: uppercase;
  white-space: nowrap;
}.presale-card-view__customer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  padding: 16px;
  background-color: var(--color-background-light);
}

.presale-card-view__customer .presale-card-view__customer__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.presale-card-view__customer .presale-card-view__customer__info-row span.ant-tag {
  text-transform: uppercase;
}

.presale-card-view__customer .presale-card-view__customer__info-row__label {
  white-space: nowrap;
}

.presale-card-view__customer .presale-card-view__customer__info-row__value {
  font-weight: 600;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__customer .presale-card-view__customer__info-row__subvalue {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--color-secondary);
}

.presale-card-view__customer .presale-card-view__customer__info-row__warning {
  color: var(--color-warning);
}

.presale-card-view__customer .presale-card-view__customer__info-row__value:last-child {
  margin-right: 0;
}

.presale-card-view__customer .presale-card-view__customer__info-row__pod-files {
  flex-shrink: 0;
}

.presale-card-view__customer .presale-card-view__customer__info-row__status {
  font-size: 16px;
  font-weight: 600;
  line-height: 157%;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__customer .presale-card-view__customer__controls {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-card-view__customer .presale-card-view__customer__short-loading > span {
  width: 50px !important;
  min-width: 50px !important;
}

.presale-card-view__customer .presale-card-view__customer__edit-button {
  margin-left: 8px;
  color: var(--color-secondary);
}

.presale-card-view__customer .presale-card-view__customer__expand-or-collapse {
  cursor: pointer;
  margin-left: auto;
}.presale-customer-purchase-order-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.presale-customer-purchase-order-container .ant-upload-select {
  display: none;
}

.presale-customer-purchase-order-container .presale-customer-purchase-order-container__upload-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--gap-small);
  align-items: end;
}
.presale-customer-purchase-order-container .presale-customer-purchase-order-container__upload-container .presale-customer-purchase-order-container__upload-button {
  margin: 8px 0;
}.popup-customer-gradeout-enter-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.popup-customer-gradeout-enter-container .popup-customer-gradeout-enter-container__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.popup-customer-gradeout-enter-container .popup-customer-gradeout-enter-container__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.presale-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.presale-form__header {
  display: grid;
  grid-template-columns: 10fr 6fr 5fr;
  grid-template-rows: auto;
  gap: 0 16px;
}

.presale-form__header .presale-form__vendor-and-customer-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr 1fr;
  gap: 0 8px;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}

.presale-form__header .presale-form__vendor-and-customer-details__title {
  grid-area: 1/1/2/3;
}

.presale-form__header .presale-form__delivery-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}

.presale-form__delivery-details .presale-form__delivery-details__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.presale-form__delivery-details .presale-form__delivery-details__header__regions {
  margin-left: auto;
}

.presale-form__delivery-details .presale-form__delivery-details__delivery-type-label {
  white-space: nowrap;
}

.presale-form__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-form__header .presale-form__customer-po-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}
.presale-form__header .presale-form__customer-po-details .ant-upload-select {
  display: none;
}

.presale-form__header .presale-form__customer-po-upload-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--gap-small);
  align-items: end;
}
.presale-form__header .presale-form__customer-po-upload-container .presale-form__customer-po-upload-button {
  margin: 8px 0;
}

.presale-form__footer .presale-form__footer-button {
  margin-top: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.presale-form__footer .presale-form__modal-buttons {
  margin-left: auto;
}.presale-form .presale-form__refund {
  margin-top: 24px;
}

.presale-form .presale-form__freight-adjustments {
  margin-top: 24px;
}.presale-refund-popup .ant-popover-inner-content {
  padding: 32px 32px 24px;
}

.presale-refund-popup-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.presale-refund-popup-container .presale-refund-popup-container__block-title {
  font-size: 16px;
  font-weight: 600;
}

.presale-refund-popup-container .presale-refund-popup-container__block {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  gap: var(--gap-small);
  margin: 8px 0;
}.presale-adjustment-item__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  height: 40px;
}

.presale-adjustment-item__container .presale-adjustment-item__checkbox {
  width: 175px;
  overflow-x: hidden;
}
.presale-adjustment-item__container .presale-adjustment-item__checkbox :not(span.ant-checkbox) {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-adjustment-item__container .presale-adjustment-item__checkbox-long {
  width: 225px;
}

.presale-adjustment-item__container .presale-adjustment-item__radio {
  width: 150px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-adjustment-item__container .presale-adjustment-item__inputs-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  gap: var(--gap-small);
}

.presale-adjustment-item__container .presale-adjustment-item__input {
  padding: 0;
}

.presale-adjustment-item__container .presale-adjustment-item__input__single {
  width: 208px;
}

.presale-adjustment-item__container .presale-adjustment-item__input__pair {
  width: 100px;
}

.presale-adjustment-item__container .presale-adjustment-item__checkbox-label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.presale-adjustment-item__container .presale-adjustment-item__total-value {
  width: 130px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: 600;
  white-space: nowrap;
  margin-left: auto;
}.presale-form .presale-form__freight-adjustments {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 4fr;
  grid-template-rows: auto;
  gap: 0;
  place-items: center left;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__header {
  background-color: var(--color-orange-1);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.presale-form__freight-adjustments .presale-form__freight-adjustments__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__header__first > span {
  border-left-width: 0;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__header__last > span {
  border-right-width: 0;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__header__align-right > span {
  text-align: right;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__cell {
  background-color: var(--color-orange-1);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.presale-form__freight-adjustments .presale-form__freight-adjustments__cell > span {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__cell__align-right {
  padding-right: 8px;
  align-items: flex-end;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__cell__total {
  background-color: var(--color-warning-presale);
  font-weight: 600;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__cell__input-container {
  padding-right: 8px;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__cell__input {
  padding: 0;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__delimiter {
  height: 0.25em;
  background-color: var(--color-presale-form-delimiter);
  grid-column-end: span 4;
  place-self: stretch stretch;
}

.presale-form__freight-adjustments .presale-form__freight-adjustments__remove {
  margin-left: 8px;
}.presale-form .presale-form__presale-item {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.presale-form__presale-item .presale-form__presale-item__header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  gap: 0;
  place-items: center center;
  margin: -8px 0;
}

.presale-form__presale-item .presale-form__presale-item__disabled .ant-select-selection-item {
  color: var(--color-danger-medium);
}

.presale-form__presale-item .presale-form__presale-item__remove {
  margin-left: 8px;
}

.presale-form__presale-item .presale-form__presale-item__values {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 3fr repeat(4, 2fr);
  grid-template-rows: auto repeat(3, 1fr);
  gap: 0;
  place-items: center left;
}

.presale-form__presale-item .presale-form__presale-item__values__header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 0;
}
.presale-form__presale-item .presale-form__presale-item__values__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-form__presale-item .presale-form__presale-item__values__header-2 {
  grid-column-end: span 2;
}
.presale-form__presale-item .presale-form__presale-item__values__header-2 > span {
  text-align: center;
}

.presale-form__presale-item .presale-form__presale-item__values__measure-units {
  width: 100%;
  padding: 0 8px;
}
.presale-form__presale-item .presale-form__presale-item__values__measure-units .control-wrapper {
  padding: 0;
}

.presale-form__presale-item .presale-form__presale-item__values__cell {
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.presale-form__presale-item .presale-form__presale-item__values__cell > span {
  font-size: 14px;
  font-weight: 600;
}

.presale-form__presale-item .presale-form__presale-item__values__currency {
  align-items: flex-end;
}

.presale-form__presale-item .presale-form__presale-item__values__cell__title > span {
  padding-left: 8px;
}

.presale-form__presale-item .presale-form__presale-item__values__cell-2 {
  grid-column-end: span 2;
}

.presale-form__presale-item .presale-form__presale-item__values__cell__input-container {
  padding-right: 8px;
}

.presale-form__presale-item .presale-form__presale-item__values__cell__input {
  padding: 0;
}

.presale-form__presale-item .presale-form__presale-item__values__warning {
  background-color: var(--color-warning-presale);
}

.presale-form__presale-item .presale-form__presale-item__values__total {
  background-color: var(--color-selected-table-row);
}

.presale-form__presale-item .presale-form__presale-item__values__strikethrough {
  text-decoration: line-through;
}.presale-form .presale-form__refund {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 4fr;
  grid-template-rows: auto;
  gap: 0;
  place-items: center left;
}
.presale-form .presale-form__refund .text-input__container {
  padding-top: 0;
  padding-bottom: 0;
}

.presale-form__refund .presale-form__refund__header {
  background-color: var(--color-orange-1);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.presale-form__refund .presale-form__refund__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-form__refund .presale-form__refund__header__first > span {
  border-left-width: 0;
}

.presale-form__refund .presale-form__refund__header__last > span {
  border-right-width: 0;
}

.presale-form__refund .presale-form__refund__header__align-right > span {
  text-align: right;
}

.presale-form__refund .presale-form__refund__cell {
  background-color: var(--color-orange-1);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.presale-form__refund .presale-form__refund__cell > span {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.presale-form__refund .presale-form__refund__cell__row-label {
  padding-top: 8px;
  padding-bottom: 8px;
}

.presale-form__refund .presale-form__refund__cell__align-right {
  padding-right: 8px;
  align-items: flex-end;
}

.presale-form__refund .presale-form__refund__cell__total {
  background-color: var(--color-warning-presale);
  font-weight: 600;
}

.presale-form__refund .presale-form__refund__cell__input-container {
  padding-right: 8px;
}

.presale-form__refund .presale-form__refund__cell__input {
  padding: 0;
}

.presale-form__refund .presale-form__refund__delimiter {
  grid-column-end: span 4;
  place-self: stretch stretch;
  background-color: var(--color-presale-form-delimiter);
  height: 0.25em;
}

.presale-form__refund .presale-form__refund__remove {
  margin-left: 8px;
}.presale-form__presale-totals {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 7fr repeat(2, 2fr);
  grid-template-rows: auto repeat(7, 1fr);
  gap: 0;
  place-items: center left;
}

.presale-form__presale-totals .presale-form__presale-totals__header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.presale-form__presale-totals .presale-form__presale-totals__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-form__presale-totals .presale-form__presale-totals__cell {
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}
.presale-form__presale-totals .presale-form__presale-totals__cell span {
  font-size: 14px;
  font-weight: 600;
}

.presale-form__presale-totals .presale-form__presale-totals__cell__total {
  background-color: var(--color-selected-table-row);
}

.presale-form__presale-totals .presale-form__presale-totals__currency {
  justify-content: flex-end;
}

.presale-form__presale-totals .presale-form__presale-totals__cell__title > span {
  padding-left: 8px;
}

.presale-form__presale-totals .presale-form__presale-totals__cell__input-container {
  padding-left: 8px;
}

.presale-form__presale-totals .presale-form__presale-totals__cell__input {
  padding: 0;
}

.presale-form__presale-totals .presale-form__presale-totals__values__warning {
  background-color: var(--color-warning-presale);
}.form-customer-invoice-preview-container {
  margin-right: 8px;
}

.form-customer-invoice-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-customer-invoice-preview-container .form-customer-invoice-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-customer-invoice-preview-container .form-customer-invoice-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-customer-invoice-preview-container .form-customer-invoice-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-customer-invoice-preview-container .form-customer-invoice-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-customer-invoice-preview-container .form-customer-invoice-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-customer-invoice-preview-container .form-customer-invoice-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-customer-preview-invoice-remainder-container {
  margin-right: 8px;
}

.form-customer-preview-invoice-remainder-container .ant-modal-content__container {
  height: 874px;
}

.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-customer-preview-invoice-remainder-container .form-customer-preview-invoice-remainder__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-customer-refund-preview-container {
  margin-right: 8px;
}

.form-customer-refund-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-customer-refund-preview-container .form-customer-refund-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-customer-refund-preview-container .form-customer-refund-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-customer-refund-preview-container .form-customer-refund-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-customer-refund-preview-container .form-customer-refund-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-customer-refund-preview-container .form-customer-refund-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-customer-refund-preview-container .form-customer-refund-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.presale-card-view__content .presale-card-view__content__customer__controls {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.popup__presale-customer-invoice__force-mark-as-sent__container {
  padding: 8px 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}.popup-presale-customer-pod-files-edit__container {
  min-height: 100px;
  min-width: 350px;
}.presale-date-tag__status .presale-date-tag__status__idle {
  color: var(--color-default);
  border-color: var(--color-border);
  background-color: var(--color-background-light);
}

.presale-date-tag__status .presale-date-tag__status__neutral {
  color: var(--color-ibm-carbon-blue-6);
  border-color: var(--color-ibm-carbon-blue-3);
  background-color: var(--color-ibm-carbon-blue-1);
}

.presale-date-tag__status .presale-date-tag__status__warning {
  color: var(--color-orange-6);
  border-color: var(--color-orange-3);
  background-color: var(--color-orange-1);
}

.presale-date-tag__status .presale-date-tag__status__critical {
  color: var(--color-red-6);
  border-color: var(--color-red-3);
  background-color: var(--color-red-1);
}

.presale-date-tag__status .presale-date-tag__status__success {
  color: var(--color-green-6);
  border-color: var(--color-green-3);
  background-color: var(--color-green-1);
}

.presale-date-tag__status .presale-date-tag__status__unusual {
  color: var(--color-purple-6);
  border-color: var(--color-purple-3);
  background-color: var(--color-purple-1);
}.external-service-info__container a {
  color: var(--color-link);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.presale-card-view__freight {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  padding: 16px;
  background-color: var(--color-background-light);
}

.presale-card-view__freight .presale-card-view__freight__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.presale-card-view__freight .presale-card-view__freight__info-row span.ant-tag {
  text-transform: uppercase;
}

.presale-card-view__freight .presale-card-view__freight__info-row__label {
  white-space: nowrap;
}

.presale-card-view__freight .presale-card-view__freight__info-row__value {
  font-weight: 600;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__freight .presale-card-view__freight__info-row__subvalue {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--color-secondary);
}

.presale-card-view__freight .presale-card-view__freight__info-row__warning {
  color: var(--color-warning);
}

.presale-card-view__freight .presale-card-view__freight__info-row__value:last-child {
  margin-right: 0;
}

.presale-card-view__freight .presale-card-view__freight__info-row__status {
  font-size: 16px;
  font-weight: 600;
  line-height: 157%;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__freight .presale-card-view__freight__controls {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-card-view__freight .presale-card-view__freight__short-loading > span {
  width: 50px !important;
  min-width: 50px !important;
}

.presale-card-view__freight .presale-card-view__freight__expand-or-collapse {
  cursor: pointer;
  margin-left: auto;
}.form-presale-freight-adjustment-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-freight-adjustment-item .form-presale-freight-adjustment-item__adjustments {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
  gap: var(--gap-medium);
}

.form-presale-freight-adjustment-item .form-presale-freight-adjustment-item__adjustments-col {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 16px;
}

.form-presale-freight-adjustment-item .form-presale-freight-adjustment-item__bill-upload {
  padding-top: 28px;
}.presale-freight-adjustments-modal .presale-freight-adjustments-modal__container {
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__items-container {
  display: grid;
  grid-template-columns: 3fr 3fr min-content 3fr min-content 2fr 4fr min-content;
  grid-template-rows: auto;
  padding: 8px 0;
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__items-container-administrator {
  grid-template-columns: 3fr 3fr min-content 3fr min-content 2fr 4fr 3fr min-content;
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  white-space: nowrap;
  place-self: stretch stretch;
  padding: 8px;
  border-bottom: 1px solid var(--color-border-info-table);
}
.presale-freight-adjustments-modal .presale-freight-adjustments-modal__item .ant-skeleton {
  width: 100%;
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__item-header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  padding: 8px 0;
}
.presale-freight-adjustments-modal .presale-freight-adjustments-modal__item-header > span {
  width: 100%;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__no-items {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.presale-freight-adjustments-modal .presale-freight-adjustments-modal__controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}.freight-link__container .freight-link__link {
  white-space: nowrap;
}

.freight-link__container .freight-link__not-verified {
  color: var(--color-danger-heavy);
}

.freight-link__container .freight-link__archived {
  text-decoration: line-through;
}.xero-status-link__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.xero-status-link__container a {
  color: var(--color-link);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.form-presale-freight-bol-for-customer-preview-container {
  margin-right: 8px;
}

.form-presale-freight-bol-for-customer-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-freight-bol-for-customer-preview-container .form-presale-freight-bol-for-customer-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-presale-freight-bol-for-vendor-preview-container {
  margin-right: 8px;
}

.form-presale-freight-bol-for-vendor-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-freight-bol-for-vendor-preview-container .form-presale-freight-bol-for-vendor-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-presale-freight-rate-preview-container {
  margin-right: 8px;
}

.form-presale-freight-rate-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-freight-rate-preview-container .form-presale-freight-rate-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__three-fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-small);
}

.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__adjustment-container {
  display: grid;
  grid-template-columns: 1fr 1fr min-content;
  align-items: end;
  gap: var(--gap-small);
}

.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__delete-button {
  margin-bottom: 8px;
}

.popup-presale-freight-bill-upload-container .popup-presale-freight-bill-upload-container__add-adjustment-button {
  margin: 8px 0;
  width: 100%;
}.popup-presale-freight-bol-generate-container .popup-presale-freight-bol-generate-container__field {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.popup-presale-freight-bol-generate-container .popup-presale-freight-bol-generate-container__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.popup-presale-freight-bol-generate-container .popup-presale-freight-bol-generate-container__input {
  width: 250px;
}.popup-presale-freight-rate-update-container .popup-presale-freight-rate-update-container__field {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.presale-card-view__header {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 2px;
  padding: 0 16px 16px;
}

.presale-card-view__header .presale-card-view__header__financial-data {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.presale-card-view__header .presale-card-view__header__financial-data > span {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  border: unset;
  color: var(--color-gray-9);
  border-radius: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}
.presale-card-view__header .presale-card-view__header__financial-data b {
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.presale-card-view__header .presale-card-view__header__financial-data-transparent {
  opacity: 0.25;
}

.presale-card-view__header:hover .presale-card-view__header__financial-data {
  opacity: 1;
}

.presale-card-view__header .presale-card-view__header__delimiter {
  height: 1px;
  border: 1px dashed var(--color-gray-5);
}

.presale-card-view__header .presale-card-view__header__financial-data__danger {
  color: var(--color-danger-medium);
}

.presale-card-view__header .presale-card-view__header__info {
  display: grid;
  grid-template-columns: min-content minmax(10%, min-content) auto min-content;
  place-items: center center;
  gap: var(--gap-big);
}

.presale-card-view__header .presale-card-view__header__main-info {
  justify-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-small);
  overflow-x: hidden;
}

.presale-card-view__header .presale-card-view__header__invoice-info {
  font-weight: 600;
  font-size: 20px;
  justify-self: flex-start;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
  width: 100%;
}

.presale-card-view__header .presale-card-view__header__invoice-number {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__header .presale-card-view__header__edit-button {
  min-width: 16px;
}

.presale-card-view__header .presale-card-view__header__collapse-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.presale-card-view__header .presale-card-view__header__colored-container {
  padding: 8px;
  border-left-width: 3px;
  border-left-style: solid;
}

.presale-card-view__header .presale-card-view__header__big-container {
  flex: 1;
}

.presale-card-view__header .presale-card-view__header__small-container {
  flex: 0.7;
}

.presale-card-view__header .presale-card-view__header__value__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.presale-card-view__header .presale-card-view__header__value {
  font-weight: 600;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__header .presale-card-view__header__secondary-value {
  font-size: 12px;
  color: var(--color-secondary);
}

.presale-card-view__header .presale-card-view__header__non-positive-value {
  color: var(--color-danger-medium);
}

.presale-card-view__header .presale-card-view__header__info-wrapper-button {
  padding: 0;
}

.presale-card-view__header .presale-card-view__header__fake-gap {
  margin-left: 16px;
}

.presale-card-view__header .presale-card-view__header__delivery-type__container {
  width: 80px;
  flex: unset;
}

.presale-card-view__header .presale-card-view__header__destination__container {
  width: 130px;
  flex: unset;
}

.presale-card-view__header .presale-card-view__header__total-pnl__container {
  width: 100px;
  flex: unset;
}

.presale-card-view__header .presale-card-view__header__assignee__container {
  width: 160px;
  flex: unset;
}

.presale-card-view__header .presale-card-view__header__created-date {
  color: var(--color-secondary);
}.toasty-image {
  z-index: var(--z-index-top);
  position: fixed;
  bottom: 0;
  right: -148px;
  width: 148px;
  height: 143px;
  display: none;
}

.toasty-image__animation {
  display: block;
  animation: toasty-animation 1.2s linear 1 forwards;
}

@keyframes toasty-animation {
  0% {
    right: -148px;
  }
  10% {
    right: -148px;
  }
  25% {
    right: 0;
  }
  70% {
    right: 0;
  }
  100% {
    right: -148px;
  }
}.presale-delivery-type__container {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap-small);
}.presale-card-view-item-interactions__container {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.presale-card-view-item-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__header {
  height: 32px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__header-item-disabled {
  cursor: not-allowed;
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__list {
  max-height: 650px;
}

.presale-card-view-item-interactions__container .presale-card-view-item-interactions__input {
  position: sticky;
  bottom: 0;
  z-index: var(--z-index-light);
  background-color: var(--color-white);
}.presale-card-view__problems-banner__container {
  padding: 2px 16px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  color: var(--color-presale-text-critical);
  background-color: var(--color-presale-background-critical);
}
.presale-card-view__problems-banner__container a {
  color: var(--color-link);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.presale-card-view__problems-banner__container a:hover {
  color: var(--color-link-hover);
}

.presale-card-view__problems-banner__dead-deal {
  color: var(--color-presale-text-unusual);
  background-color: var(--color-presale-background-unusual);
}.presale-card-view__content__center .presale-card-view__content__item-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.presale-card-view__content__center .presale-card-view__content__item-container:first-child {
  margin-top: 0;
}

.presale-card-view__content__item-container .presale-card-view__content__product-header {
  display: grid;
  grid-template-columns: min-content auto max-content;
  column-gap: var(--gap-small);
  align-items: center;
}

.presale-card-view__content__item-container .presale-card-view__content__name {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-x: hidden;
}
.presale-card-view__content__item-container .presale-card-view__content__name a {
  color: var(--color-link);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.presale-card-view__content__item-container .presale-card-view__content__product-problem {
  color: var(--color-danger-medium);
}

.presale-card-view__content__item-container .presale-card-view__content__specs {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  row-gap: var(--gap-small);
  padding: 4px 0;
}

.presale-card-view__content__item-container .presale-card-view__content__product-values {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  place-items: center left;
  margin-top: 8px;
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.presale-card-view__content__item-container .presale-card-view__content__product-values__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__header__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__cell {
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.presale-card-view__content__item-container .presale-card-view__content__product-values__cell > span {
  padding: 8px;
}
.presale-card-view__content__item-container .presale-card-view__content__product-values__cell .presale-card-view__content__product-values__cell__label {
  font-size: 14px;
  font-weight: 600;
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__cell__warning-alt {
  background-color: var(--color-warning-alt);
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__cell__odd-qty {
  text-decoration: line-through;
}

.presale-card-view__content__item-container .presale-card-view__content__product-values__cell__exempt-warning {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-card-view__content__item-container .presale-card-view__content__product-totals {
  display: grid;
  grid-template-columns: 7fr 2fr 2fr;
  gap: 0;
  place-items: center left;
  margin-top: 8px;
}

.presale-card-view__content__item-container .presale-card-view__content__warning {
  background-color: var(--color-warning-presale);
}

.presale-card-view__content__item-container .presale-card-view__content__total-warning {
  color: var(--color-danger-medium);
}

.presale-card-view__content__item-container .presale-card-view__content__total-container {
  background-color: var(--color-selected-table-row);
}

.presale-card-view__content__item-container .presale-card-view__content__total-refund {
  background-color: var(--color-warning-heavy);
}

.presale-card-view__content__item-container .presale-card-view__content__currency {
  align-items: flex-end;
}

.presale-card-view__content__item-container .presale-card-view__content__total-value {
  font-weight: 600;
}.presale-card-view__vendor {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: var(--gap-small);
  padding: 16px;
  background-color: var(--color-background-light);
}

.presale-card-view__vendor .presale-card-view__vendor__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.presale-card-view__vendor .presale-card-view__vendor__info-row span.ant-tag {
  text-transform: uppercase;
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__label {
  white-space: nowrap;
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__value {
  font-weight: 600;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__subvalue {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--color-secondary);
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__warning {
  color: var(--color-warning);
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__value:last-child {
  margin-right: 0;
}

.presale-card-view__vendor .presale-card-view__vendor__info-row__status {
  font-size: 16px;
  font-weight: 600;
  line-height: 157%;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presale-card-view__vendor .presale-card-view__vendor__controls {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presale-card-view__vendor .presale-card-view__vendor__short-loading > span {
  width: 50px !important;
  min-width: 50px !important;
}

.presale-card-view__vendor .presale-card-view__vendor__expand-or-collapse {
  cursor: pointer;
  margin-left: auto;
}.form-presale-vendor-preview-bill-reminder-container {
  margin-right: 8px;
}

.form-presale-vendor-preview-bill-reminder-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-vendor-preview-bill-reminder-container .form-presale-vendor-preview-bill-reminder__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-presale-vendor-preview-payment-confirmation-container {
  margin-right: 8px;
}

.form-presale-vendor-preview-payment-confirmation-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-vendor-preview-payment-confirmation-container .form-presale-vendor-preview-payment-confirmation__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-presale-vendor-preview-purchase-order-container {
  margin-right: 8px;
}

.form-presale-vendor-preview-purchase-order-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-vendor-preview-purchase-order-container .form-presale-vendor-preview-purchase-order__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-vendor__location__accounting-info {
  display: grid;
  grid-template-columns: 30% calc(70% - var(--gap-medium));
  gap: var(--gap-medium);
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__block {
  background-color: var(--color-background-light);
  padding: 8px 16px 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__label-check-field {
  width: unset;
  margin-left: auto;
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__label-check-container {
  padding: 0;
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__label-check {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.form-vendor__location__accounting-info .form-vendor__location__accounting-info__label-check span:last-child {
  padding: 0;
  white-space: nowrap;
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__form__buttons {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__block__warning {
  margin: 0;
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.form-vendor__location__accounting-info .form-vendor__location__accounting-info__footer {
  grid-column: span 2;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.form-presale-vendor-location-accounting-info-send__container {
  margin-right: 8px;
}

.form-presale-vendor-location-accounting-info-send__container .ant-modal-content__container {
  height: 874px;
}

.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-vendor-location-accounting-info-send__container .form-presale-vendor-location-accounting-info-send__preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.modal-vendor-confirm-bill-adjustments__container {
  margin-right: 8px;
}
.modal-vendor-confirm-bill-adjustments__container .ant-modal-content__container {
  height: 680px;
}
.modal-vendor-confirm-bill-adjustments__container .text-input__container,
.modal-vendor-confirm-bill-adjustments__container .number-input__container,
.modal-vendor-confirm-bill-adjustments__container .control-wrapper {
  padding: 0;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content {
  display: grid;
  grid-template-columns: 4fr 7fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview-file {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview-icon {
  margin-left: 8px;
  padding: 8px;
  font-size: 16px;
  color: var(--color-icon-default);
}
.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview-icon:hover {
  color: var(--color-icon-hover);
}
.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview-icon:disabled {
  color: var(--color-icon-disabled);
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview-icon-active {
  margin-left: 8px;
  padding: 8px;
  font-size: 16px;
  color: var(--color-success);
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__radio-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__radio-group label.ant-radio-wrapper > span:not(.ant-radio) {
  width: 75px;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__files {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__no-preview {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.modal-vendor-confirm-bill-adjustments__container .modal-vendor-confirm-bill-adjustments__content__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--gap-medium);
  padding-top: 24px;
}.vendor-bol-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.vendor-bol-upload-container .vendor-bol-upload-container__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.vendor-bol-upload-container .vendor-bol-upload-container__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.vendor-invoice-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.vendor-invoice-upload-container .vendor-invoice-upload-container__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.vendor-invoice-upload-container .vendor-invoice-upload-container__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}.popup-presale-vendor-payment-create__container {
  margin-right: 8px;
}
.popup-presale-vendor-payment-create__container .ant-modal-content__container {
  height: 680px;
}
.popup-presale-vendor-payment-create__container .text-input__container,
.popup-presale-vendor-payment-create__container .number-input__container,
.popup-presale-vendor-payment-create__container .control-wrapper {
  padding: 0;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create {
  display: grid;
  grid-template-columns: 4fr 7fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__product-values {
  display: grid;
  grid-template-columns: min-content max-content max-content max-content;
  gap: 4px 16px;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__values {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 8px 16px;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__files {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__no-preview {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__container__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__container__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--gap-medium);
  padding-top: 24px;
}

.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__input {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__input .popup-presale-vendor-payment-create__input-label {
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}
.popup-presale-vendor-payment-create__container .popup-presale-vendor-payment-create__input .popup-presale-vendor-payment-create__input-control {
  line-height: 30px;
}.form-presale-vendor-payment-notification-email-preview-container {
  margin-right: 8px;
}

.form-presale-vendor-payment-notification-email-preview-container .ant-modal-content__container {
  height: 874px;
}

.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-presale-vendor-payment-notification-email-preview-container .form-presale-vendor-payment-notification-email-preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.dashboard-sales-tickets-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.dashboard-sales-tickets-view .sales-tickets-view__group__header {
  top: calc(var(--header-height) + 80px);
}

.dashboard-sales-tickets-view .dashboard-sales-tickets-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-sales-tickets-view .dashboard-sales-tickets-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-sales-tickets-view .dashboard-sales-tickets-view__header__search-input {
  width: 250px;
}

.dashboard-sales-tickets-view .dashboard-sales-tickets-view__header__status-filter {
  width: 350px;
}.dashboard-sales-tickets-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-sales-tickets-view__group .dashboard-sales-tickets-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.sales-tickets-view__group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.sales-tickets-view__group__header .sales-tickets-view__group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  margin-right: 50px;
}

.sales-tickets-view__group__header .sales-tickets-view__group__header__pagination {
  margin-left: auto;
}

.sales-tickets-view__group__header .sales-tickets-view__group__header__collapse-icon-button {
  cursor: pointer;
}.sales-ticket-status__filter {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.sales-tickets-view__list {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.sales-tickets-view__list .sales-tickets-view__list__loading {
  background-color: transparent;
}

.sales-tickets-view__list .sales-tickets-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.sales-tickets-view-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 3px solid transparent;
}

.sales-tickets-view-item__hovered:hover {
  background-color: var(--color-selected-table-row);
}

.sales-tickets-view-item__collapsed {
  border-bottom-width: 3px;
}

.sales-tickets-view-item__highlighted {
  background-color: var(--color-selected-table-row);
}

.sales-tickets-view-item__outbound {
  border-left: 3px solid var(--color-blue-5);
}

.sales-tickets-view-item .sales-tickets-view__tabs-container {
  min-width: 0;
}
.sales-tickets-view-item .sales-tickets-view__tabs-container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.sales-tickets-view-item .sales-tickets-view-item__content {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 0 16px;
  padding: 0 16px 16px;
  min-height: 100px;
}
.sales-tickets-view-item .sales-tickets-view-item__content .ant-collapse-content-box {
  padding: 0;
}
.sales-tickets-view-item .sales-tickets-view-item__content .ant-collapse-header-text {
  flex: 1 !important;
}

.sales-tickets-view-item .sales-tickets-view-item__collapse-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.sales-tickets-view-item .sales-tickets-view-item {
  display: grid;
  grid-template-columns: 11fr 4fr;
  gap: 0 32px;
  padding: 8px 16px 16px;
}

.sales-tickets-view-item .sales-tickets-view-item__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.sales-tickets-view-item__info-block .sales-tickets-view-item__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.sales-tickets-view-item__info-block .sales-tickets-view-item__info-row span.ant-tag {
  text-transform: uppercase;
}
.sales-tickets-view-item__info-block .sales-tickets-view-item__info-row {
  padding: 8px 8px 8px 24px;
  border-bottom: 1px solid var(--color-border);
}
.sales-tickets-view-item__info-block .sales-tickets-view-item__info-row:last-child {
  border-bottom: 0;
}

.sales-tickets-view-item__info-row .sales-tickets-view-item__info-row__label {
  white-space: nowrap;
}

.sales-tickets-view-item__info-row .sales-tickets-view-item__info-row__value {
  font-weight: 600;
  white-space: nowrap;
}

.sales-tickets-view-item__info-block .sales-tickets-view-item__info-row__multiselect span.ant-tag {
  font-weight: 600 !important;
}

.sales-tickets-view-item__info-row .sales-tickets-view-item__info-row__sub-value {
  white-space: nowrap;
  color: var(--color-secondary);
}

.sales-tickets-view-item .sales-tickets-view-item__spec-data .ant-tag {
  font-weight: 400 !important;
  text-transform: unset !important;
}.sales-tickets-view-item__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 8px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-status {
  font-size: 16px;
  flex-basis: 280px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-days-in-stage {
  flex-basis: 120px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-presale-days {
  flex-basis: 120px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-days-since-last-update {
  flex-basis: 150px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-created {
  flex-basis: 200px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-updated {
  flex-basis: 290px;
  overflow-x: hidden;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__banner-distance {
  margin-left: auto;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__data {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.sales-tickets-view-item__header .sales-tickets-view-item__header__block span, .sales-tickets-view-item__header .sales-tickets-view-item__header__block a, .sales-tickets-view-item__header .sales-tickets-view-item__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.sales-tickets-view-item__header .sales-tickets-view-item__interaction-summary {
  width: 140px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__last-interaction-info {
  width: 200px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__ticket-numbers {
  width: 100px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__ticket-number {
  width: 175px;
}

.sales-tickets-view-item__header .sales-tickets-view-item__assignee {
  width: 200px;
}

.sales-tickets-view-item__header__product-info .sales-tickets-view-item__header__collapse-button {
  flex-shrink: 0;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.sales-tickets-view-item__header .sales-tickets-view-item__header__actions {
  margin-left: auto;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 1fr 1fr;
  place-items: center center;
  gap: var(--gap-tiny) var(--gap-small);
}.button-sales-ticket-activity-stream .ant-badge .ant-badge-count {
  min-width: 12px;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  border-radius: 7px;
}.form-customer-create .form-customer-create__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-customer-create .form-customer-create__address-wrapper {
  flex: 2;
}

.form-customer-create .form-customer-create__accounting-info-and-contacts-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-accounting-info-section__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  padding: 16px;
  background-color: var(--color-background-light);
}

.customer-accounting-info-section__container .customer-accounting-info-section__controls-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}

.customer-accounting-info-section__container .customer-accounting-info-section__controls-files-block {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 16px;
  background-color: #f5f5f5;
}

.customer-accounting-info-section__container .customer-accounting-info-section__files-upload-button {
  margin: 8px 0;
  width: 100%;
}

.customer-accounting-info-section__container .customer-accounting-info-section__label-check-container {
  padding: 0;
}

.customer-accounting-info-section__container .customer-accounting-info-section__label-check {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.customer-accounting-info-section__container .customer-accounting-info-section__label-check span:last-child {
  padding: 0;
  white-space: nowrap;
}.addresses-section__container .addresses-section__controls-block {
  padding: 24px 16px;
  background-color: var(--color-background-light);
}

.addresses-section__container .addresses-section__dock-hours-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: var(--gap-small);
}.customer-contacts-section__container {
  padding: 24px 16px;
  background-color: var(--color-background-light);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-medium);
}

.customer-contacts-section__container .customer-contacts-section__close-icon {
  margin-left: auto;
}.form-sales-opportunity-onboard-prepare {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-medium);
}
.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__content h3 {
  padding: 0;
  margin: 0;
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__search {
  flex: 1;
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__section-addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--gap-medium);
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__item {
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}

.form-sales-opportunity-onboard-prepare .form-sales-opportunity-onboard-prepare__item__product-type svg {
  width: 32px;
  height: 32px;
}.form-sales-ticket-set-active {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__content__block-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__content__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-ticket-set-active .form-sales-ticket-set-active__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.sales-ticket__selection-change-checkbox {
  width: 24px;
}
.sales-ticket__selection-change-checkbox .ant-checkbox .ant-checkbox-inner {
  transform: scale(2);
}
.sales-ticket__selection-change-checkbox .ant-checkbox .ant-checkbox-inner::after {
  inset-inline-start: 23%;
}.sales-ticket-company-name-edit__container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.sales-ticket-company-name-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.sales-ticket-company-name-edit__container .sales-ticket-company-name-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.sales-ticket-company-name-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sales-ticket-company-name-edit__container .sales-ticket-company-name-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.sales-ticket-company-name-edit__container:hover .sales-ticket-company-name-edit__icon {
  fill: var(--color-link-hover);
}.sales-ticket-initial-qty-edit__container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.sales-ticket-initial-qty-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.sales-ticket-initial-qty-edit__container .sales-ticket-initial-qty-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.sales-ticket-initial-qty-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sales-ticket-initial-qty-edit__container .sales-ticket-initial-qty-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.sales-ticket-initial-qty-edit__container:hover .sales-ticket-initial-qty-edit__icon {
  fill: var(--color-link-hover);
}

.sales-ticket-initial-qty-edit__container .sales-ticket-initial-qty-edit__icon-loading {
  cursor: not-allowed;
}.sales-tickets-view-item-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.sales-tickets-view-item-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.sales-tickets-view-item-interactions__container .sales-tickets-view-item-interactions__header {
  margin: 0 0 16px;
  height: 46px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.sales-tickets-view-item-interactions__container .sales-tickets-view-item-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-big);
}

.sales-tickets-view-item-interactions__container .sales-tickets-view-item-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.sales-tickets-view-item-interactions__container .sales-tickets-view-item-interactions__header-item-disabled {
  cursor: not-allowed;
}

.sales-tickets-view-item-interactions__container .sales-tickets-view-item-interactions__list {
  max-height: 500px;
}.form-sales-ticket-additional-info-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-additional-info-edit .form-sales-ticket-additional-info-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-additional-info-edit .form-sales-ticket-additional-info-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-additional-info-edit .form-sales-ticket-additional-info-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket__billing-address-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__content-hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
}

.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__content__block .control-wrapper,
.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__content__block .text-input__container {
  padding: 0;
}

.form-sales-ticket__billing-address-edit .form-sales-ticket__billing-address-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket__shipping-address-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__shipping-address-edit .form-sales-ticket__shipping-address-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__shipping-address-edit .form-sales-ticket__shipping-address-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-sales-ticket__shipping-address-edit .form-sales-ticket__shipping-address-edit__content__block .control-wrapper,
.form-sales-ticket__shipping-address-edit .form-sales-ticket__shipping-address-edit__content__block .text-input__container {
  padding: 0;
}

.form-sales-ticket__shipping-address-edit .form-sales-ticket__shipping-address-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket-sales-tax-info-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-sales-tax-info-edit .form-sales-ticket-sales-tax-info-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-sales-tax-info-edit .form-sales-ticket-sales-tax-info-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-sales-tax-info-edit .form-sales-ticket-sales-tax-info-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket__customer-contact {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__customer-contact .form-sales-ticket__customer-contact__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket__customer-contact .form-sales-ticket__customer-contact__content__block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-ticket__customer-contact .form-sales-ticket__customer-contact__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket-quote {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-quote__header {
  display: grid;
  grid-template-columns: 10fr 6fr;
  grid-template-rows: auto;
  gap: 0 16px;
}

.form-sales-ticket-quote__header .form-sales-ticket-quote__vendor-and-customer-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr 1fr;
  gap: 0 8px;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}

.form-sales-ticket-quote__header .form-sales-ticket-quote__vendor-and-customer-details__title {
  grid-area: 1/1/2/3;
}

.form-sales-ticket-quote__header .form-sales-ticket-quote__delivery-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}

.form-sales-ticket-quote__delivery-details .form-sales-ticket-quote__delivery-details__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.form-sales-ticket-quote__delivery-details .form-sales-ticket-quote__delivery-details__header__regions {
  margin-left: auto;
}

.form-sales-ticket-quote__delivery-details .form-sales-ticket-quote__delivery-details__delivery-type-label {
  white-space: nowrap;
}

.form-sales-ticket-quote__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-ticket-quote__header .form-sales-ticket-quote__customer-po-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 32px 16px;
  background-color: var(--color-background-light);
}
.form-sales-ticket-quote__header .form-sales-ticket-quote__customer-po-details .ant-upload-select {
  display: none;
}

.form-sales-ticket-quote__header .form-sales-ticket-quote__customer-po-upload-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--gap-small);
  align-items: end;
}
.form-sales-ticket-quote__header .form-sales-ticket-quote__customer-po-upload-container .form-sales-ticket-quote__customer-po-upload-button {
  margin: 8px 0;
}

.form-sales-ticket-quote__footer .form-sales-ticket-quote__footer-button {
  margin-top: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.form-sales-ticket-quote__footer .form-sales-ticket-quote__modal-buttons {
  margin-left: auto;
}.form-sales-ticket-quote .form-sales-ticket-quote__presale-item {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  gap: 0;
  place-items: center center;
  margin: -8px 0;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__disabled .ant-select-selection-item {
  color: var(--color-danger-medium);
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__remove {
  margin-left: 8px;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 3fr repeat(4, 2fr);
  grid-template-rows: auto repeat(3, 1fr);
  gap: 0;
  place-items: center left;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__header-2 {
  grid-column-end: span 2;
}
.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__header-2 > span {
  text-align: center;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell {
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell > span {
  font-size: 14px;
  font-weight: 600;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__currency {
  align-items: flex-end;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell__title > span {
  padding-left: 8px;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell-2 {
  grid-column-end: span 2;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell__input-container {
  padding-right: 8px;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__cell__input {
  padding: 0;
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__warning {
  background-color: var(--color-warning-presale);
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__total {
  background-color: var(--color-selected-table-row);
}

.form-sales-ticket-quote__presale-item .form-sales-ticket-quote__presale-item__values__strikethrough {
  text-decoration: line-through;
}.form-sales-ticket-quote-totals {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 7fr repeat(2, 2fr);
  grid-template-rows: auto repeat(7, 1fr);
  gap: 0;
  place-items: center left;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__header {
  background-color: var(--color-background-light);
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0;
}
.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__header > span {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 600;
  border-width: 0 0.5px;
  border-style: solid;
  border-color: var(--color-border-info-table);
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell {
  border-bottom: 1px solid var(--color-border-info-table);
  place-self: stretch stretch;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}
.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell span {
  font-size: 14px;
  font-weight: 600;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell__total {
  background-color: var(--color-selected-table-row);
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__currency {
  justify-content: flex-end;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell__title > span {
  padding-left: 8px;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell__input-container {
  padding-left: 8px;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__cell__input {
  padding: 0;
}

.form-sales-ticket-quote-totals .form-sales-ticket-quote-totals__values__warning {
  background-color: var(--color-warning-presale);
}.form-sales-ticket-specification-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__content__specification {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-medium);
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__content__specification-2 {
  grid-template-columns: 1fr 1fr;
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__content__specification-1 {
  grid-template-columns: 1fr 1fr;
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__content__specification-item {
  margin-bottom: unset;
  width: unset;
}

.form-sales-ticket-specification-edit .form-sales-ticket-specification-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.spec-item__container {
  flex: 31%;
}.form-sales-ticket-frequency-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-frequency-edit .form-sales-ticket-frequency-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-frequency-edit .form-sales-ticket-frequency-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-frequency-edit .form-sales-ticket-frequency-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-sales-ticket-initial-request-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-initial-request-edit .form-sales-ticket-initial-request-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-initial-request-edit .form-sales-ticket-initial-request-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-initial-request-edit .form-sales-ticket-initial-request-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.dashboard-sales-tickets-view-repository-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}.dashboard-sales-tickets-view-repository-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-sales-tickets-view-repository-group__header .dashboard-sales-tickets-view-repository-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  margin-right: 50px;
}

.dashboard-sales-tickets-view-repository-group__header .dashboard-sales-tickets-view-repository-group__header__pagination {
  margin-left: auto;
}

.dashboard-sales-tickets-view-repository-group__header .dashboard-sales-tickets-view-repository-group__header__collapse-icon-button {
  cursor: pointer;
}.dashboard-service-tickets-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.dashboard-service-tickets-view .service-tickets-view__group__header {
  top: calc(var(--header-height) + 80px);
}

.dashboard-service-tickets-view .dashboard-service-tickets-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-service-tickets-view .dashboard-service-tickets-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-service-tickets-view .dashboard-service-tickets-view__header__search-input {
  width: 250px;
}

.dashboard-service-tickets-view .dashboard-service-tickets-view__header__status-filter {
  width: 350px;
}.dashboard-service-tickets-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-service-tickets-view__group .dashboard-service-tickets-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.service-tickets-view__group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.service-tickets-view__group__header .service-tickets-view__group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  margin-right: 50px;
}

.service-tickets-view__group__header .service-tickets-view__group__header__pagination {
  margin-left: auto;
}

.service-tickets-view__group__header .service-tickets-view__group__header__collapse-icon-button {
  cursor: pointer;
}.service-ticket-status__filter {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.service-tickets-view__list {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.service-tickets-view__list .service-tickets-view__list__loading {
  background-color: transparent;
}

.service-tickets-view__list .service-tickets-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.service-tickets-view-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 3px solid transparent;
}

.service-tickets-view-item__hovered:hover {
  background-color: var(--color-selected-table-row);
}

.service-tickets-view-item__collapsed {
  border-bottom-width: 3px;
}

.service-tickets-view-item__highlighted {
  background-color: var(--color-selected-table-row);
}

.service-tickets-view-item__outbound {
  border-left: 3px solid var(--color-blue-5);
}

.service-tickets-view-item .service-tickets-view__tabs-container {
  min-width: 0;
}
.service-tickets-view-item .service-tickets-view__tabs-container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.service-tickets-view-item .service-tickets-view-item__content {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 0 16px;
  padding: 0 16px 16px;
  min-height: 100px;
}
.service-tickets-view-item .service-tickets-view-item__content .ant-collapse-content-box {
  padding: 0;
}
.service-tickets-view-item .service-tickets-view-item__content .ant-collapse-header-text {
  flex: 1 !important;
}

.service-tickets-view-item .service-tickets-view-item__collapse-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.service-tickets-view-item .service-tickets-view-item {
  display: grid;
  grid-template-columns: 11fr 4fr;
  gap: 0 32px;
  padding: 8px 16px 16px;
}

.service-tickets-view-item .service-tickets-view-item__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.service-tickets-view-item__info-block .service-tickets-view-item__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.service-tickets-view-item__info-block .service-tickets-view-item__info-row span.ant-tag {
  text-transform: uppercase;
}
.service-tickets-view-item__info-block .service-tickets-view-item__info-row {
  padding: 8px 8px 8px 24px;
  border-bottom: 1px solid var(--color-border);
}
.service-tickets-view-item__info-block .service-tickets-view-item__info-row:last-child {
  border-bottom: 0;
}

.service-tickets-view-item__info-row .service-tickets-view-item__info-row__label {
  white-space: nowrap;
}

.service-tickets-view-item__info-row .service-tickets-view-item__info-row__value {
  font-weight: 600;
  white-space: nowrap;
}

.service-tickets-view-item__info-block .service-tickets-view-item__info-row__multiselect span.ant-tag {
  font-weight: 600 !important;
}

.service-tickets-view-item__info-row .service-tickets-view-item__info-row__sub-value {
  white-space: nowrap;
  color: var(--color-secondary);
}

.service-tickets-view-item .service-tickets-view-item__spec-data .ant-tag {
  font-weight: 400 !important;
  text-transform: unset !important;
}.service-tickets-view-item__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 8px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-status {
  font-size: 16px;
  flex-basis: 280px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-days-in-stage {
  flex-basis: 120px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-presale-days {
  flex-basis: 120px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-days-since-last-update {
  flex-basis: 150px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-created {
  flex-basis: 200px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-updated {
  flex-basis: 290px;
  overflow-x: hidden;
}

.service-tickets-view-item__header .service-tickets-view-item__header__banner-distance {
  margin-left: auto;
}

.service-tickets-view-item__header .service-tickets-view-item__header__data {
  height: var(--dimension-by-size-large-height);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.service-tickets-view-item__header .service-tickets-view-item__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.service-tickets-view-item__header .service-tickets-view-item__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.service-tickets-view-item__header .service-tickets-view-item__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-tickets-view-item__header .service-tickets-view-item__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.service-tickets-view-item__header .service-tickets-view-item__header__block span, .service-tickets-view-item__header .service-tickets-view-item__header__block a, .service-tickets-view-item__header .service-tickets-view-item__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-tickets-view-item__header .service-tickets-view-item__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.service-tickets-view-item__header .service-tickets-view-item__interaction-summary {
  width: 140px;
}

.service-tickets-view-item__header .service-tickets-view-item__last-interaction-info {
  width: 200px;
}

.service-tickets-view-item__header .service-tickets-view-item__ticket-numbers {
  width: 160px;
}

.service-tickets-view-item__header .service-tickets-view-item__ticket-number {
  width: 175px;
}

.service-tickets-view-item__header .service-tickets-view-item__assignee {
  width: 200px;
}

.service-tickets-view-item__header__product-info .service-tickets-view-item__header__collapse-button {
  flex-shrink: 0;
}

.service-tickets-view-item__header .service-tickets-view-item__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.service-tickets-view-item__header .service-tickets-view-item__header__images {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.service-tickets-view-item__header .service-tickets-view-item__header__actions {
  margin-left: auto;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 1fr 1fr;
  place-items: center center;
  gap: var(--gap-tiny) var(--gap-small);
}.images-form__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.images-form__container .images-form__full-image-container {
  position: relative;
  height: 50vh;
  margin-bottom: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.images-form__container .images-form__image-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  padding: 24px 0 8px;
  overflow-x: scroll;
  width: 100%;
}

.images-form__container .images-form__full-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.images-form__container .images-form__full-image-set-featured-button {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.images-form__container .images-form__full-image-rotate-button {
  position: absolute;
}

.images-form__container .images-form__full-image-rotate-button__counter-clockwise {
  left: 0;
  top: 0;
  transform: rotate(-90deg);
}

.images-form__container .images-form__full-image-rotate-button__clockwise {
  right: 0;
  top: 0;
  transform: rotate(90deg);
}.images-form-preview__container {
  position: relative;
  cursor: pointer;
  border: 3px solid transparent;
}

.images-form-preview__container__selected {
  cursor: unset;
  border-color: var(--color-ibm-carbon-blue-5);
}

.images-form__container .images-form-preview__full-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.images-form-preview__container .preview-image__container__image-container__featured-icon {
  position: absolute;
  top: -15px;
  left: calc(50% - 6px);
  font-size: 12px;
  color: var(--color-gold-6);
}.preview-image__container {
  position: relative;
  cursor: pointer;
  width: var(--dimension-by-size-medium-width);
  height: var(--dimension-by-size-medium-height);
}

.preview-image__container__small {
  width: var(--dimension-by-size-small-width);
  height: var(--dimension-by-size-small-height);
}

.preview-image__container__medium {
  width: var(--dimension-by-size-medium-width);
  height: var(--dimension-by-size-medium-height);
}

.preview-image__container__large {
  width: var(--dimension-by-size-large-width);
  height: var(--dimension-by-size-large-height);
}

.preview-image__container__huge {
  width: var(--dimension-by-size-huge-width);
  height: var(--dimension-by-size-huge-height);
}

.preview-image__container .preview-image__container__last-image-label {
  font-weight: 500;
  font-size: 18px;
  color: var(--color-white);
  background-color: var(--color-secondary);
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preview-image__container .preview-image__container__image-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.preview-image__container .preview-image__container__image-container__featured-icon {
  position: absolute;
  top: -12px;
  left: calc(50% - 6px);
  font-size: 12px;
  color: var(--color-gold-6);
}.form-service-ticket-approval-email-send__container {
  margin-right: 8px;
}

.form-service-ticket-approval-email-send__container .ant-modal-content__container {
  height: 874px;
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__values__two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
}

.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-service-ticket-approval-email-send__container .form-service-ticket-approval-email-send__preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.form-vendor-create .form-vendor-create__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-vendor-create .form-vendor-create__address-wrapper {
  flex: 2;
}

.form-vendor-create .form-vendor-create__accounting-info-and-contacts-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-accounting-info-section__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  padding: 16px;
  background-color: var(--color-background-light);
}

.vendor-accounting-info-section__container .vendor-accounting-info-section__controls-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}.vendor-address-section__container .vendor-address-section__controls-block {
  padding: 16px;
  background-color: var(--color-background-light);
}

.vendor-address-section__container .vendor-address-section__dock-hours-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: var(--gap-small);
}.contacts-section__container {
  padding: 24px 16px;
  background-color: var(--color-background-light);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-medium);
}

.contacts-section__container .contacts-section__close-icon {
  margin-left: auto;
}.form-service-opportunity-onboard-prepare {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-medium);
}
.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__content h3 {
  padding: 0;
  margin: 0;
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__search {
  flex: 1;
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__section-addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--gap-medium);
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__item {
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}

.form-service-opportunity-onboard-prepare .form-service-opportunity-onboard-prepare__item__product-type svg {
  width: 32px;
  height: 32px;
}.form-service-ticket__qty-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__qty-edit .form-service-ticket__qty-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__qty-edit .form-service-ticket__qty-edit__content__block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.form-service-ticket__qty-edit .form-service-ticket__qty-edit__content__block .control-wrapper,
.form-service-ticket__qty-edit .form-service-ticket__qty-edit__content__block .text-input__container {
  padding: 0;
}

.form-service-ticket__qty-edit .form-service-ticket__qty-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-service-ticket-set-active {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-set-active .form-service-ticket-set-active__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-service-ticket-set-active .form-service-ticket-set-active__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-ticket-set-active .form-service-ticket-set-active__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-set-active .form-service-ticket-set-active__content__block-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-service-ticket-set-active .form-service-ticket-set-active__content__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-ticket-set-active .form-service-ticket-set-active__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-service-ticket-images-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-images-edit .form-service-ticket-images-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-images-edit .form-service-ticket-images-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-ticket-images-edit .form-service-ticket-images-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.service-ticket__selection-change-checkbox {
  width: 24px;
}
.service-ticket__selection-change-checkbox .ant-checkbox .ant-checkbox-inner {
  transform: scale(2);
}
.service-ticket__selection-change-checkbox .ant-checkbox .ant-checkbox-inner::after {
  inset-inline-start: 23%;
}.service-ticket__company-name-edit__container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.service-ticket__company-name-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.service-ticket__company-name-edit__container .service-ticket__company-name-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.service-ticket__company-name-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.service-ticket__company-name-edit__container .service-ticket__company-name-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.service-ticket__company-name-edit__container:hover .service-ticket__company-name-edit__icon {
  fill: var(--color-link-hover);
}.service-tickets-view-item-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.service-tickets-view-item-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.service-tickets-view-item-interactions__container .service-tickets-view-item-interactions__header {
  margin: 0 0 16px;
  height: 46px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.service-tickets-view-item-interactions__container .service-tickets-view-item-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-big);
}

.service-tickets-view-item-interactions__container .service-tickets-view-item-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.service-tickets-view-item-interactions__container .service-tickets-view-item-interactions__header-item-disabled {
  cursor: not-allowed;
}

.service-tickets-view-item-interactions__container .service-tickets-view-item-interactions__list {
  max-height: 700px;
}.form-service-ticket__billing-address-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__content-hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
}

.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__content__block .control-wrapper,
.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__content__block .text-input__container {
  padding: 0;
}

.form-service-ticket__billing-address-edit .form-service-ticket__billing-address-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-service-ticket__shipping-address-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__shipping-address-edit .form-service-ticket__shipping-address-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__shipping-address-edit .form-service-ticket__shipping-address-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-service-ticket__shipping-address-edit .form-service-ticket__shipping-address-edit__content__block .control-wrapper,
.form-service-ticket__shipping-address-edit .form-service-ticket__shipping-address-edit__content__block .text-input__container {
  padding: 0;
}

.form-service-ticket__shipping-address-edit .form-service-ticket__shipping-address-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-service-ticket__contact {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__contact .form-service-ticket__contact__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket__contact .form-service-ticket__contact__content__block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-ticket__contact .form-service-ticket__contact__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-service-ticket-specification-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__content__specification {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-medium);
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__content__specification-2 {
  grid-template-columns: 1fr 1fr;
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__content__specification-1 {
  grid-template-columns: 1fr 1fr;
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__content__specification-item {
  margin-bottom: unset;
  width: unset;
}

.form-service-ticket-specification-edit .form-service-ticket-specification-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-files-preview__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-files-preview__container .form-files-preview__content {
  height: 70vh;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-files-preview__container .form-files-preview__full-file-container {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  flex: 4;
}

.form-files-preview__container .form-files-preview__container__file-name {
  font-weight: 500;
  font-size: 16px;
  white-space: wrap;
  margin-bottom: 16px;
}

.form-files-preview__container .form-files-preview__file-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  overflow-y: scroll;
  flex: 1;
}

.form-files-preview__container .form-files-preview__delimiter {
  border-left: 1px solid var(--color-gray-6);
  width: 1px;
  align-self: stretch;
}

.form-files-preview__container .form-files-preview__full-file {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.form-files-preview-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.form-files-preview-item:not(:last-child) {
  padding-bottom: var(--gap-small);
  border-bottom: 1px solid var(--color-gray-6);
}

.form-files-preview-item .form-files-preview-item__container {
  cursor: pointer;
  border: 3px solid var(--color-ibm-carbon-blue-1);
}

.form-files-preview-item__selected .form-files-preview-item__container {
  cursor: unset;
  border-color: var(--color-ibm-carbon-blue-5);
}

.form-files-preview-item .form-files-preview-item__container:hover {
  border-color: var(--color-ibm-carbon-blue-3);
}

.form-files-preview-item .form-files-preview-item__no-preview {
  width: 100%;
  height: 100%;
  color: var(--color-warning);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: normal;
}

.form-files-preview-item .form-files-preview-item__error {
  width: 100%;
  height: 100%;
  color: var(--color-danger-medium);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: normal;
}

.form-files-preview-item .form-files-preview-item__full-file {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.form-files-preview-item .form-files-preview-item__file-name {
  white-space: break-spaces;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.form-files-preview-item__selected .form-files-preview-item__file-name {
  font-weight: 600;
}.form-service-ticket-sds-files-edit {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-sds-files-edit .form-service-ticket-sds-files-edit__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-sds-files-edit .form-service-ticket-sds-files-edit__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-ticket-sds-files-edit .form-service-ticket-sds-files-edit__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.dashboard-service-tickets-view-repository-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}.dashboard-service-tickets-view-repository-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-service-tickets-view-repository-group__header .dashboard-service-tickets-view-repository-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  margin-right: 50px;
}

.dashboard-service-tickets-view-repository-group__header .dashboard-service-tickets-view-repository-group__header__pagination {
  margin-left: auto;
}

.dashboard-service-tickets-view-repository-group__header .dashboard-service-tickets-view-repository-group__header__collapse-icon-button {
  cursor: pointer;
}.dashboard-tasks-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-tasks-view .dashboard-tasks-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-tasks-view .dashboard-tasks-view__header__search-input {
  width: 250px;
}

.dashboard-tasks-view .dashboard-tasks-view__header__status-filter {
  width: 360px;
}.dashboard-tasks-view__group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.dashboard-tasks-view__group .dashboard-tasks-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.dashboard-tasks-view__group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-tasks-view__group__header .dashboard-tasks-view__group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  width: 120px;
}

.dashboard-tasks-view__group__header .dashboard-tasks-view__group__header__pagination {
  margin-left: auto;
}

.dashboard-tasks-view__group__header .dashboard-tasks-view__group__header__collapse-icon-button {
  cursor: pointer;
}.tasks-table {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}
.tasks-table .ant-table-row .ant-table-cell {
  padding: 16px 0;
}
.tasks-table .ant-table-row > .ant-table-cell:first-child {
  padding: 16px 0 16px 8px;
}
.tasks-table .ant-table-row .ant-table-cell:last-child {
  padding: 16px 8px 16px 0;
}

.tasks-table .tasks-table__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}

/* stylelint-disable-next-line no-descending-specificity */
.tasks-table .tasks-table__expanded-row .ant-table-cell {
  padding: 0;
}.task-assignee__container {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
  padding: 0;
  border: 0;
  margin: 0;
}
.task-assignee__container span {
  height: 18px;
}

.task-assignee__container__disabled {
  cursor: not-allowed;
}.tasks-table-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 16px 8px;
}

.tasks-table-item .tasks-table-item__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 0 16px 16px;
  min-height: 100px;
}
.tasks-table-item .tasks-table-item__content .ant-collapse-content-box {
  padding: 0;
}
.tasks-table-item .tasks-table-item__content .ant-collapse-header-text {
  flex: 1 !important;
}

.tasks-table-item .tasks-table-item__content__entity {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.tasks-table-item .tasks-table-item__collapse-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.tasks-table-item .tasks-table-item__collapse-content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tasks-table-item .tasks-table-item__collapse-content__block span, .tasks-table-item .tasks-table-item__collapse-content__block a, .tasks-table-item .tasks-table-item__collapse-content__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.tasks-table-item .tasks-table-item__collapse-content__block__title {
  font-weight: 600;
}

.tasks-table-item .tasks-table-item__collapse-content__block__label-value {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0 16px;
}
.tasks-table-item .tasks-table-item__collapse-content__block__label-value span {
  height: 22px;
}

.tasks-table-item .tasks-table-item__collapse-content__block__two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tasks-table-item .tasks-table-item__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}.vendor-location-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.vendor-location-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.vendor-location-interactions__container .vendor-location-interactions__header {
  height: 32px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.vendor-location-interactions__container .vendor-location-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.vendor-location-interactions__container .vendor-location-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}

.vendor-location-interactions__container .vendor-location-interactions__header-item-disabled {
  cursor: not-allowed;
}

.vendor-location-interactions__container .vendor-location-interactions__list {
  max-height: 650px;
}.dashboard-vendor-locations-view {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-vendor-locations-view .dashboard-vendor-locations-view__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-vendor-locations-view .dashboard-vendor-locations-view__header-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-vendor-locations-view .dashboard-vendor-locations-view__header__search-input {
  width: 250px;
}

.dashboard-vendor-locations-view .dashboard-vendor-locations-view__header__status-filter {
  width: 350px;
}.dashboard-vendor-locations-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-vendor-locations-view__group .dashboard-vendor-locations-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.dashboard-vendor-locations-view-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding: 8px 16px;
  border-bottom: 2px solid var(--color-border);
}

.dashboard-vendor-locations-view-group__header .dashboard-vendor-locations-view-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 280px;
  margin-right: 50px;
}

.dashboard-vendor-locations-view-group__header .dashboard-vendor-locations-view-group__header__pagination {
  margin-left: auto;
}

.dashboard-vendor-locations-view-group__header .dashboard-vendor-locations-view-group__header__collapse-icon-button {
  cursor: pointer;
}.dashboard-vendor-locations-view__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
}

.dashboard-vendor-locations-view__list .dashboard-vendor-locations-view__list-item {
  border-bottom: 2px solid var(--color-gray-4);
}

.dashboard-vendor-locations-view__list .dashboard-vendor-locations-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.dashboard-vendor-location {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  border-bottom: 2px solid var(--color-gray-4);
}

.dashboard-vendor-location .dashboard-vendor-location__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.dashboard-vendor-location .dashboard-vendor-location__header-icon svg {
  width: 32px;
  height: 32px;
}

.dashboard-vendor-location .dashboard-vendor-location__header__collapse-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.dashboard-vendor-location .dashboard-vendor-location__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.dashboard-vendor-location .dashboard-vendor__location__tabs {
  flex: 1;
}.vendor-info__container {
  display: flex;
  background-color: var(--color-background-light);
  padding: 8px 0 8px 16px;
  margin-bottom: 24px;
  gap: var(--gap-huge);
}.vendor-location-change-assigned-to-button__container {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
  padding: 0;
  border: 0;
  margin: 0;
}
.vendor-location-change-assigned-to-button__container span {
  height: 18px;
}.vendor-location-change-status-button__container {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
  padding: 0;
  border: 0;
  margin: 0;
}
.vendor-location-change-status-button__container span {
  height: 18px;
}.vendor-location-verify-button__container {
  padding: 0;
  border: 0;
  height: auto;
}.vendor-location-transactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}.vendor-location-transactions-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.vendor-location-transactions__overdue-filter__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  cursor: pointer;
}
.vendor-location-transactions__overdue-filter__container .ant-btn-icon {
  margin-inline-end: 0 !important;
}

.vendor-location-transactions__overdue-filter__container .vendor-location-transactions__overdue-filter__count {
  padding: 2px 5px;
  border-radius: 13px;
  background-color: var(--color-danger-medium);
  color: var(--color-white);
}

.vendor-location-transactions__overdue-filter__container .vendor-location-transactions__overdue-filter__count__disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-secondary);
}.vendor-location-transactions-summary__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-background-light);
  border-width: 1px 0 0;
}

.vendor-location-transactions-summary__container .vendor-location-transactions-summary__item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.vendor-location-transactions-summary__container .vendor-location-transactions-summary__item__label {
  font-size: 12px;
  color: var(--color-secondary);
}

.vendor-location-transactions-summary__container .vendor-location-transactions-summary__item__value {
  font-size: 14px;
  color: var(--color-default);
}.vendor-location-transactions-table__container {
  background-color: #F2F2F2;
}
.vendor-location-transactions-table__container span.ant-table-row-indent, .vendor-location-transactions-table__container button.ant-table-row-expand-icon {
  display: none;
}

.vendor-location-transactions-table__container .vendor-location-transactions-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.vendor-location-transactions-table__expanded-row-icon .vendor-location-transactions-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-transactions-table__expanded-row-icon .vendor-location-transactions-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-transactions-table__container .vendor-location-transactions-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.vendor-location-transactions-table__container .vendor-location-transactions-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.dashboard-vendor-locations-with-no-presale-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dashboard-vendor-locations-with-no-presale-view__group .dashboard-vendor-locations-with-no-presale-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.dashboard-view__calendar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
}

.dashboard-view__calendar .dashboard-view__calendar__row-delimiter {
  border-bottom-color: var(--color-border) !important;
  border-bottom-width: 0.5px !important;
}

.dashboard-view__calendar .dashboard-view__calendar__cell-parent {
  align-items: center !important;
  font-style: italic;
}

.dashboard-view__calendar .dashboard-view__calendar__row-label {
  min-width: 230px;
}.dashboard-toolbar {
  position: sticky;
  top: var(--header-height);
  z-index: calc(var(--z-index-light) + 1);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.dashboard-toolbar .dashboard-toolbar__controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.dashboard-toolbar .dashboard-toolbar__controls__assignee-filter {
  width: 250px;
}

.dashboard-toolbar .dashboard-toolbar__status-filter {
  min-width: 360px;
}

.dashboard-toolbar .dashboard-toolbar__product-type-filter {
  gap: 0;
}.dashboard-view-assignee-filter__dropdown__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.dashboard-view-assignee-filter__dropdown__container .dashboard-view-assignee-filter__dropdown__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-medium);
  padding: 8px;
  border-top: 1px solid var(--color-border);
}
.dashboard-view-assignee-filter__dropdown__container .dashboard-view-assignee-filter__dropdown__footer span {
  cursor: pointer;
  color: var(--color-blue-6);
  text-decoration: underline;
  text-decoration-style: dashed;
}.contacts__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.contacts-header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.contacts-header .contacts-header__actions {
  margin-left: auto;
}.contacts-table-view__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
}

.contacts-table-view__container .contacts-table-view__table {
  flex: 1;
  background-color: var(--color-white);
}
.contacts-table-view__container .contacts-table-view__table .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 32px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.contacts-table-view__container .contacts-table-view__table__expanded-row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 0 var(--gap-medium) var(--gap-medium) 48px;
}.contacts-table-view-contact-references {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.contacts-table-view-contact-references .contacts-table-view-contact-references__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-6);
}

.contacts-table-view-contact-references .contacts-table-view-contact-references__reference {
  display: grid;
  grid-template-columns: max-content min-content;
  gap: var(--gap-medium);
  padding-bottom: 8px;
}
.contacts-table-view-contact-references .contacts-table-view-contact-references__reference:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-5);
}.customer-page__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  min-height: var(--min-content-height);
}.customer__location__container {
  flex: 1 0 auto;
  background-color: var(--color-white);
}

.customer__location__container .customer__location__sticky-container {
  position: sticky;
  top: var(--header-height);
  padding: var(--content-padding);
  background-color: var(--color-white);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.customer__location__container .customer__location__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-small);
}
.customer__location__container .customer__location__header .ant-tag {
  margin-right: 0;
}

.customer__location__container .customer__location__header-icon {
  width: 32px;
  height: 32px;
}

.customer__location__container .customer__location__customer-and-location {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.customer__location__container .customer__location__info {
  margin: 0;
}

.customer__location__container .customer__location__new-location-button {
  margin-left: auto;
}

.customer__location__container .customer__location__tabs {
  flex: 1 0 auto;
}
.customer__location__container .customer__location__tabs .ant-tabs-nav {
  margin-bottom: 24px;
}.customer-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.customer-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.customer-edit__container .customer-edit__icon {
  fill: var(--color-link);
  width: 24px;
  height: 24px;
}

.customer-edit__container:hover .customer-edit__icon {
  fill: var(--color-link-hover);
}.customer__location__accounting-info {
  display: grid;
  grid-template-columns: 30% calc(70% - var(--gap-medium));
  gap: var(--gap-medium);
}

.customer__location__accounting-info .customer__location__accounting-info__block {
  background-color: var(--color-background-light);
  padding: 8px 16px 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.customer__location__accounting-info .customer__location__accounting-info__block__warning {
  margin: 0;
}

.customer__location__accounting-info .customer__location__accounting-info__billing-address-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.customer__location__accounting-info .customer__location__accounting-info__lock-state {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.customer__location__accounting-info .customer__location__accounting-info__lock-state .control-wrapper {
  padding: 0;
}

.customer__location__accounting-info .customer__location__accounting-info__label-check-container {
  padding: 0;
}

.customer__location__accounting-info .customer__location__accounting-info__label-check {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}
.customer__location__accounting-info .customer__location__accounting-info__label-check span:last-child {
  padding: 0;
  white-space: nowrap;
}

.customer__location__accounting-info .customer__location__accounting-info__documents {
  flex: 1;
  margin-top: 6px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.customer__location__accounting-info .customer__location__accounting-info__footer {
  grid-column: span 2;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.customer__location__accounting-info .customer__location__accounting-info__block__form-buttons {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.form-customer-location-enrollment-attach {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  height: 80vh;
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__table {
  flex: 1;
  background-color: #F2F2F2;
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__table__sub-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__table__sub-row__item {
  width: calc(25% - var(--gap-huge));
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-tiny);
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__table__sub-row__key {
  color: var(--color-secondary);
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__table__sub-row__value {
  font-weight: 600;
  width: 100%;
}

.form-customer-location-enrollment-attach .form-customer-location-enrollment-attach__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-customer-location-accounting-info-enroll-credit-check {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-customer-location-accounting-info-enroll-credit-check .form-customer-location-accounting-info-enroll-credit-check__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-customer-location-accounting-info-enroll-link-send__container {
  margin-right: 8px;
}

.form-customer-location-accounting-info-enroll-link-send__container .ant-modal-content__container {
  height: 874px;
}

.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--gap-small);
  height: 100%;
}

.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview__values {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview__values__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0;
  text-align: center;
}

.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview__values__fields {
  flex: 1;
  padding: 16px;
  background-color: var(--color-background-light);
}

.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview__preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.form-customer-location-accounting-info-enroll-link-send__container .form-customer-location-accounting-info-enroll-link-send__preview__preview iframe {
  border: 0;
  height: 100%;
  width: 100%;
}.customer-location-outbound-leads__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.customer-location-outbound-leads__container .customer-location-outbound-leads__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.customer-location-outbound-leads__container .customer-location-outbound-leads__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-outbound-leads-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.customer-location-outbound-leads-filters .control-wrapper {
  padding: 0;
}.customer-location-outbound-leads-left-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-outbound-leads-table__container {
  background-color: #F2F2F2;
}
.customer-location-outbound-leads-table__container span.ant-table-row-indent,
.customer-location-outbound-leads-table__container button.ant-table-row-expand-icon {
  display: none;
}

.customer-location-outbound-leads-table__container .customer-location-outbound-leads-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.customer-location-outbound-leads-table__expanded-row-icon .customer-location-outbound-leads-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-outbound-leads-table__expanded-row-icon .customer-location-outbound-leads-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-outbound-leads-table__container .customer-location-outbound-leads-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.customer-location-outbound-leads-table__container .customer-location-outbound-leads-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.customer-location-quotes__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.customer-location-quotes__container .customer-location-quotes__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.customer-location-quotes__container .customer-location-quotes__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-quotes-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.customer-location-quotes-filters .control-wrapper {
  padding: 0;
}.customer-location-quotes-left-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-quotes-table__container {
  background-color: #F2F2F2;
}
.customer-location-quotes-table__container span.ant-table-row-indent, .customer-location-quotes-table__container button.ant-table-row-expand-icon {
  display: none;
}

.customer-location-quotes-table__container .customer-location-quotes-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.customer-location-quotes-table__expanded-row-icon .customer-location-quotes-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-quotes-table__expanded-row-icon .customer-location-quotes-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-quotes-table__container .customer-location-quotes-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.customer-location-quotes-table__container .customer-location-quotes-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.customer-location-tickets__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.customer-location-tickets__container .customer-location-tickets__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.customer-location-tickets__container .customer-location-tickets__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-tickets-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.customer-location-tickets-filters .control-wrapper {
  padding: 0;
}.customer-location-tickets-left-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-location-tickets-table__container {
  background-color: #F2F2F2;
}
.customer-location-tickets-table__container span.ant-table-row-indent, .customer-location-tickets-table__container button.ant-table-row-expand-icon {
  display: none;
}

.customer-location-tickets-table__container .customer-location-tickets-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.customer-location-tickets-table__expanded-row-icon .customer-location-tickets-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-tickets-table__expanded-row-icon .customer-location-tickets-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customer-location-tickets-table__container .customer-location-tickets-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.customer-location-tickets-table__container .customer-location-tickets-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.customer-action-bar__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-medium);
  margin-bottom: 8px;
}.customer-contact-update-form__container .customer-contact-update-form__contact-sub-form {
  margin-bottom: 8px;
}.form-merge-customer-locations {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 70vh;
}
.form-merge-customer-locations .ant-modal-content__container {
  flex: 1;
}

.form-merge-customer-locations .form-merge-customer-locations__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  min-height: 40vh;
}

.form-merge-customer-locations .form-merge-customer-locations__customer-select__disabled .ant-select-selection-item {
  color: var(--color-danger-medium);
}

.form-merge-customer-locations .form-merge-customer-locations__locations {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-merge-customer-locations .form-merge-customer-locations__no-locations {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.form-merge-customer-locations .form-merge-customer-locations__footer {
  margin-top: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-medium);
  padding: 10px 0;
}.customer-create-location__container .customer-create-location__icon {
  fill: var(--color-link);
}

.customer-create-location__container:hover .customer-create-location__icon {
  fill: var(--color-link-hover);
}.form-customer-location-create .form-customer-location-create__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-customer-location-create .form-customer-location-create__address-wrapper {
  flex: 2;
}

.form-customer-location-create .form-customer-location-create__accounting-info-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.form-customer-location-update .form-customer-location-update__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-customer-location-update .form-customer-location-update__address-wrapper {
  flex: 4;
}

.form-customer-location-update .form-customer-location-update__accounting-info-wrapper {
  flex: 6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.customer-locations__container {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  width: 326px;
}
.customer-locations__container .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.customer-locations__container .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.customer-locations__container .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.customer-locations__container .customer-locations__filters {
  background-color: var(--color-white);
  z-index: var(--z-index-light);
  position: sticky;
  top: var(--header-height);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}

.customer-locations__container .customer-locations__menu__overlay {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.customer-locations__container .customer-locations__menu {
  flex: 1;
  width: 100%;
}

.customer-locations__container .customer-locations__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}

.customer-locations__container .customer-locations__item:hover {
  --edit-icon-fill-color: var(--color-link-hover);
  --edit-icon-opacity: 1;
}

.customer-locations__container .customer-locations__pagination {
  position: sticky;
  bottom: 0;
  z-index: var(--z-index-light);
  margin-top: auto;
  background-color: var(--color-white);
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
}.customer-location-menu-item__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.customer-location-menu-item__container .customer-location-menu-item__label {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.customer-location-menu-item__container .customer-location-menu-item__label-archived {
  text-decoration: line-through;
}

.customer-location-menu-item__container .customer-location-menu-item__primary {
  margin-left: auto;
  margin-right: 0;
}

.customer-location-menu-item__container .customer-location-menu-item__count {
  opacity: 0.5;
  margin-right: 0;
}.customer-location-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.customer-location-edit__container .customer-location-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.customer-location-edit__container .customer-location-edit__label-archived {
  text-decoration: line-through;
}

.customer-location-edit__container .customer-location-edit__label-not-verified {
  color: var(--color-danger-medium);
}

.customer-location-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.customer-location-edit__container .customer-location-edit__icon {
  fill: var(--edit-icon-fill-color, var(--color-link));
  width: 16px;
  height: 16px;
  opacity: var(--edit-icon-opacity, 0.2);
}

.customer-location-edit__container:hover .customer-location-edit__icon {
  fill: var(--edit-icon-fill-color, var(--color-link-hover));
  opacity: var(--edit-icon-opacity, 1);
}.customer-single-page__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  min-height: var(--min-content-height);
}

.customer-single-page__container .customer-single-page__location-menu {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  width: 326px;
}
.customer-single-page__container .customer-single-page__location-menu .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.customer-single-page__container .customer-single-page__location-menu .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.customer-single-page__container .customer-single-page__location-menu .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.customer-single-page__container .customer-single-page__location-menu__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}.customers__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.customers-base-table-view__table {
  flex: 1;
  background-color: var(--color-white);
}
.customers-base-table-view__table .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 32px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.customers-base-table-view__container {
  background-color: #F2F2F2;
}
.customers-base-table-view__container span.ant-table-row-indent,
.customers-base-table-view__container button.ant-table-row-expand-icon {
  display: none;
}

.customers-base-table-view__container .customers-base-table-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.customers-base-table-view__expanded-row-icon .customers-base-table-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.customers-base-table-view__expanded-row-icon .customers-base-table-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
.customers-common-view-filters {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}

@media (min-width: 1440px) {
  .customers-common-view-filters .customers-common-view-filters__select-view {
    width: 220px;
  }
}

@media (min-width: 1360px) {
  .customers-common-view-filters .customers-common-view-filters__search {
    max-width: 410px;
  }
}

.customers-common-view-filters .customers-common-view-filters__select-view__container {
  padding: 0;
}

.customers-common-view-filters .customers-common-view-filters__create-customer-button {
  margin-left: auto;
}@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
.customers-financial-view-filters {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}

.customers-financial-view-filters .customers-financial-view-filters__row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
@media (min-width: 1440px) {
  .customers-financial-view-filters .customers-financial-view-filters__row {
    flex-flow: row wrap;
    align-items: center;
  }
}

@media (min-width: 1440px) {
  .customers-financial-view-filters .customers-financial-view-filters__select-view {
    width: 220px;
  }
}

@media (min-width: 1360px) {
  .customers-financial-view-filters .customers-financial-view-filters__search {
    max-width: 410px;
  }
}

.customers-financial-view-filters .customers-financial-view-filters__select-view__container {
  padding: 0;
}

.customers-financial-view-filters .customers-financial-view-filters__create-customer-button {
  margin-left: auto;
}

.customers-financial-view-filters .customers-financial-view-filters__reset-button {
  margin-left: auto;
  cursor: pointer;
  fill: var(--color-main-1);
}.customers-financial-view__overdue-filter__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  cursor: pointer;
}
.customers-financial-view__overdue-filter__container .ant-btn-icon {
  margin-inline-end: 0 !important;
}

.customers-financial-view__overdue-filter__container .customers-financial-view__overdue-filter__count {
  padding: 2px 5px;
  border-radius: 13px;
  background-color: var(--color-danger-medium);
  color: var(--color-white);
}

.customers-financial-view__overdue-filter__container .customers-financial-view__overdue-filter__count__disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-secondary);
}.customers-financial-table-view__container {
  flex: 1;
  background-color: var(--color-white);
}
.customers-financial-table-view__container .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 80px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.customers-financial-table-view__container span.ant-table-row-indent,
.customers-financial-table-view__container button.ant-table-row-expand-icon {
  display: none;
}

.customers-financial-table-view__container .customers-financial-table-view__expanded-row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
  padding-left: 46px;
}.customer-financial-table-item__container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  gap: 16px;
  min-height: 200px;
}
.customer-financial-table-item__container .ant-table-thead {
  position: relative;
  top: unset;
  z-index: unset;
}.freights__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.freights-base-table-view__table {
  flex: 1;
  background-color: var(--color-white);
}
.freights-base-table-view__table .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 32px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}.form-freight-update__container {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.form-freight-update__container .ant-modal-content__container {
  flex: 1;
}.freights-toolbar {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  padding: 16px;
  background-color: var(--color-white);
}

.freights-toolbar .freights-toolbar__new-item-button {
  margin-left: auto;
}.outbound-lead {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.outbound-lead-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.outbound-lead-view .outbound-lead-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.outbound-lead-view .outbound-lead-view__header__search-input {
  width: 350px;
}.outbound-leads-table {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.outbound-leads-table .outbound-leads-table__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.outbound-leads-table .outbound-leads-table__right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.outbound-leads-table .outbound-leads-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.outbound-leads-table__expanded-row-icon .outbound-leads-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.outbound-leads-table__expanded-row-icon .outbound-leads-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.outbound-leads-table .outbound-leads-table__row {
  background-color: #F2F2F2;
}
.outbound-leads-table .outbound-leads-table__row span.ant-table-row-indent,
.outbound-leads-table .outbound-leads-table__row button.ant-table-row-expand-icon {
  display: none;
}.form-outbound-lead-promote__create-new-opportunity-step__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-outbound-lead-promote__create-new-opportunity-step {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-outbound-lead-promote__create-new-opportunity-step .form-outbound-lead-promote__create-new-opportunity-step__item__product-type svg {
  width: 32px;
  height: 32px;
}.form-outbound-lead-promote__outbound-lead-view {
  padding: var(--size-small);
  border: 1px solid var(--color-gray-3);
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__outbound-lead-view .form-outbound-lead-promote__outbound-lead-view__product-type svg {
  width: 32px;
  height: 32px;
}.form-outbound-lead-promote__create-ticket-step {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__content__block-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__content__row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__create-ticket-step .form-outbound-lead-promote__create-ticket-step__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-outbound-lead-promote__select-opportunity-step {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-medium);
}
.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__content h3 {
  padding: 0;
  margin: 0;
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__search {
  flex: 1;
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__section-addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}

.form-outbound-lead-promote__select-opportunity-step .form-outbound-lead-promote__select-opportunity-step__item__product-type svg {
  width: 32px;
  height: 32px;
}.form-sales-ticket-combine__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-ticket-combine {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-combine .form-sales-ticket-combine__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-medium);
}
.form-sales-ticket-combine .form-sales-ticket-combine__content h3 {
  padding: 0;
  margin: 0;
}

.form-sales-ticket-combine .form-sales-ticket-combine__search {
  flex: 1;
}

.form-sales-ticket-combine .form-sales-ticket-combine__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-ticket-combine .form-sales-ticket-combine__section-addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--gap-medium);
}

.form-sales-ticket-combine .form-sales-ticket-combine__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}

.form-sales-ticket-combine .form-sales-ticket-combine__item__product-type svg {
  width: 32px;
  height: 32px;
}.form-service-ticket-combine__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-ticket-combine {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-combine .form-service-ticket-combine__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-medium);
}
.form-service-ticket-combine .form-service-ticket-combine__content h3 {
  padding: 0;
  margin: 0;
}

.form-service-ticket-combine .form-service-ticket-combine__search {
  flex: 1;
}

.form-service-ticket-combine .form-service-ticket-combine__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-ticket-combine .form-service-ticket-combine__section-addresses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: var(--gap-medium);
}

.form-service-ticket-combine .form-service-ticket-combine__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-service-ticket-combine .form-service-ticket-combine__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-service-ticket-combine .form-service-ticket-combine__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-service-ticket-combine .form-service-ticket-combine__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-service-ticket-combine .form-service-ticket-combine__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-service-ticket-combine .form-service-ticket-combine__item__product-type svg {
  width: 32px;
  height: 32px;
}.outbound-leads__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.outbound-leads__group .outbound-leads__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.form-outbound-lead-create {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-create .form-outbound-lead-create__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-lead-create .form-outbound-lead-create__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.outbound-leads-table__header {
  position: sticky;
  top: var(--header-height);
  z-index: calc(var(--z-index-light) + 1);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.outbound-leads-table__header .outbound-leads-table__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
}

.outbound-leads-table__header .outbound-leads-table__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.outbound-leads-table__header .outbound-leads-table__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.outbound-leads-table__left {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.outbound-leads-table__left .outbound-leads-table__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.outbound-leads-table__left .outbound-leads-table__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.outbound-leads-table__left .outbound-leads-table__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.outbound-leads-table__left .outbound-leads-table__left__filter-type__item {
  flex: 1;
}

.outbound-leads-table__left .outbound-leads-table__left__filter-others {
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  padding: 8px;
}
.outbound-leads-table__left .outbound-leads-table__left__filter-others .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.outbound-leads-table__left .outbound-leads-table__left__filter-others .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}

.outbound-leads-table__left .outbound-leads-table__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.outbound-leads-table__left .outbound-leads-table__left__filter__item-header {
  height: 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.outbound-leads-table__left .outbound-leads-table__left__filter__item {
  width: 180px;
  max-width: 180px;
}
.outbound-leads-table__left .outbound-leads-table__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.outbound-leads-table__left .outbound-leads-table__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.outbound-leads-table__left .outbound-leads-table__left__filter__item {
  gap: var(--gap-tiny);
}.outbound-leads-table__list-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.outbound-leads-repository-view {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.outbound-leads-repository-view .outbound-leads-repository-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.outbound-leads-repository-view .outbound-leads-repository-view__right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.outbound-leads-repository-view .outbound-leads-repository-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.outbound-leads-repository-view__expanded-row-icon .outbound-leads-repository-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.outbound-leads-repository-view__expanded-row-icon .outbound-leads-repository-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.outbound-leads-repository-view .outbound-leads-repository-view__row {
  background-color: #F2F2F2;
}
.outbound-leads-repository-view .outbound-leads-repository-view__row span.ant-table-row-indent,
.outbound-leads-repository-view .outbound-leads-repository-view__row button.ant-table-row-expand-icon {
  display: none;
}.outbound-leads-repository-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.outbound-leads-repository-view__header .outbound-leads-repository-view__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-warning);
}

.outbound-leads-repository-view__header .outbound-leads-repository-view__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.outbound-leads-repository-view__header .outbound-leads-repository-view__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.form-outbound-leads-upload {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-outbound-leads-upload .form-outbound-leads-upload__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  height: 200px;
}

.form-outbound-leads-upload .form-outbound-leads-upload__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.form-outbound-leads-upload-result {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  height: 80vh;
}

.form-outbound-leads-upload-result .form-outbound-leads-upload-result__summary {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: var(--gap-small);
  font-size: 16px;
}

.form-outbound-leads-upload-result .form-outbound-leads-upload-result__content {
  position: relative;
  flex: 1;
  overflow-x: scroll;
  width: 100%;
}
.form-outbound-leads-upload-result .form-outbound-leads-upload-result__content .ant-table-thead {
  position: sticky;
  top: 0;
  z-index: var(--z-index-light);
  background-color: var(--color-white);
}

.form-outbound-leads-upload-result .form-outbound-leads-upload-result__header {
  position: sticky;
  left: 0;
}

.form-outbound-leads-upload-result .form-outbound-leads-upload-result__error {
  background-color: var(--color-danger-light);
}

.form-outbound-leads-upload-result .form-outbound-leads-upload-result__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.outbound-leads-repository-view__left {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-type__item {
  flex: 1;
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-others {
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  padding: 8px;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-others .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter-others .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item-header {
  height: 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item {
  width: 180px;
  max-width: 180px;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.outbound-leads-repository-view__left .outbound-leads-repository-view__left__filter__item {
  gap: var(--gap-tiny);
}.outbound-leads-repository-view__list-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.presale {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.presale-view {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}.presale-view .presale-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
}

.presale-view__header .presale-view__header__toolbar__search-input {
  width: 250px;
}.presale-view .presale-view__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.presale-view__list .presale-view__list__loading {
  background-color: transparent;
}

.presale-view__list .presale-view__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}.presales {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.presales-view {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.presales-view .presales-view__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.presales-view .presales-view__content__list {
  flex: 1;
}

.presales-view .presales-view__pagination {
  position: sticky;
  bottom: 0;
  z-index: var(--z-index-light);
  padding: 8px;
  background-color: var(--color-white);
  display: flex;
  flex-direction: row nowrap;
  justify-content: flex-end;
  align-items: center;
}.presales-view .presales-view__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
}

.presales-view__header__sticky {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
}

.presales-view__header .presales-view__header__calendar__row-delimiter {
  border-bottom-color: var(--color-border) !important;
  border-bottom-width: 0.5px !important;
}

.presales-view__header .presales-view__header__calendar__row-label {
  min-width: 150px;
}.presales-view__header .presales-view__header__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.presales-view__header__container .presales-view__header__toolbar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.presales-view__header__toolbar .presales-view__header__toolbar__controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.presales-view__header__toolbar .presales-view__header__toolbar__search-input {
  width: 250px;
}

.presales-view__header__toolbar .presales-view__header__toolbar__total-pnl {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presales-view__header__toolbar .presales-view__header__toolbar__new-presale-button {
  margin-left: auto;
}

.presales-view__header__container .presales-view__header__toolbar__filters {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}
.presales-view__header__container .presales-view__header__toolbar__filters .ant-tag {
  margin-inline-end: 0 !important;
}

.presales-view__header__toolbar__filters .presales-view__header__toolbar__filters__item span {
  white-space: nowrap;
}

.presales-view__header__toolbar__filters .presales-view__header__toolbar__filters__item-touched span {
  font-weight: 600;
}

.presales-view__header__toolbar__filters .presales-view__header__toolbar__filters__controls {
  margin-left: auto;
}

.presales-view__header__toolbar__filters .presales-view__header__toolbar__filters__control-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}.presale-header-actions__refresh-button {
  animation: animate-refreshing 1s linear infinite alternate;
}

@keyframes animate-refreshing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.presale-refresh-button__container .presale-refresh-button__icon-loading {
  animation: presale-refresh-button-animate-refreshing 1s linear infinite alternate;
}

@keyframes presale-refresh-button-animate-refreshing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.presales-view__header__filters {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}
.presales-view__header__filters .ant-tag {
  margin-inline-end: 0 !important;
}

.presales-view__header__filters .presales-view__header__filters__item-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.presales-view__header__filters .presales-view__header__filters__item {
  white-space: nowrap;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.presales-view__header__filters .presales-view__header__filters__controls {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.presales-view__header__filters .presales-view__header__filters__control-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}.presales-view-left__left {
  width: 240px;
  max-width: 240px;
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: var(--min-content-height);
  overflow-y: scroll;
}

.presales-view-left__left .presales-view-left__left__filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.presales-view-left__left .presales-view-left__left__filters .ant-collapse-content-box {
  padding-block: 8px !important;
}

.presales-view-left__left .presales-view-left__left__actions {
  position: sticky;
  bottom: 0;
  margin-top: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
}

.presales-view-left__left .presales-view-left__left__filter__button .ant-collapse-expand-icon {
  visibility: hidden !important;
}

.presales-view-left__left .presales-view-left__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.presales-view-left__left .presales-view-left__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}.presales-view-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.presales-view-hot-filter-status__applied {
  fill: var(--color-orange-6);
}.product__container {
  background-color: var(--color-white);
  flex: 1 0 auto;
  padding: var(--content-padding);
}

.product__container .product__container__spec-info {
  background-color: var(--color-background-light);
  border-top: 1px solid var(--color-border-info-table);
  padding: 8px 16px;
  margin-bottom: 24px;
  flex-flow: row wrap;
}

.product__container .product__container__tabs {
  flex: 1 0 auto;
  margin-right: 5px;
  border-right: 1px solid var(--color-border-info-table);
  padding-right: 16px;
}.product-header__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  margin-bottom: 24px;
}

.product-header__container .product-header__icon {
  width: 32px;
  height: 32px;
}

.product-header__container .product-header__vendor-company-name {
  font-size: 20px;
}

.product-header__container .product-header__vendor-location-address {
  font-size: 14px;
  color: var(--color-secondary);
}

.product-header__container .product-header__title {
  margin-right: 16px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  white-space: pre-wrap;
}

.product-header__container .product-header__old-name {
  color: var(--color-danger-medium);
}

.product-header__container .product-header__separator {
  margin-left: auto;
}.form-product-edit__container {
  min-height: 75vh;
}.section-product {
  background-color: var(--color-background-light);
  padding: 16px;
}

.section-product .section-product__general {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  align-items: end;
  column-gap: var(--gap-medium);
}

.section-product .section-product__images {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.section-product .section-product__images .ant-upload-list-picture-card {
  flex-direction: row-reverse;
}
.section-product .section-product__images::before {
  content: unset;
}

.section-product .section-product__images-add-button {
  width: 100px;
  height: 100px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.section-product .section-product__description-wrapper {
  grid-column: span 4;
}

.section-product .section-product__checkbox-wrapper {
  margin-bottom: 4px;
}

.section-product .section-product__specification {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  align-items: end;
  gap: 8px 24px;
}

.section-product .section-product__error-wrapper {
  margin-top: 10px;
}

.section-product .section-product__general__checkbox-wrapper {
  margin-bottom: 4px;
}.product-location-transactions-summary__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-background-light);
  padding: 8px 16px;
  border-width: 1px 0 0;
}

.product-location-transactions-summary__container .product-location-transactions-summary__item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-location-transactions-summary__container .product-location-transactions-summary__item__label {
  font-size: 12px;
  color: var(--color-secondary);
}

.product-location-transactions-summary__container .product-location-transactions-summary__item__value {
  font-size: 14px;
  color: var(--color-default);
}.website-links__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.website-links__container .website-links__controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}.form-product-website-links .form-product-website-links__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}.specification-table__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding-left: 46px;
  line-height: 18px;
}.products__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.products__container__embedded {
  padding: 0;
}.products-table__container {
  flex: 1;
  background-color: var(--color-white);
}
.products-table__container .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 32px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.products-table__container__embedded {
  padding: 0;
}

.products-table__container__link {
  color: var(--color-link) !important;
}

.products-table__container__link-text {
  padding-right: 3px;
  color: var(--color-link);
}

.products-table__container__spec-info {
  flex-flow: row wrap;
}.products-toolbar__container {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}.product-filter__container {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.product-filter__container .product-filter__status-select {
  width: 150px;
}

.product-filter__container .product-filter__search {
  width: 200px;
}.risk-rules-management-table__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
  --opacity-edit-button: 0.2;
}

.risk-rules-management-table__container .risk-rules-management-table {
  border-collapse: collapse;
}
.risk-rules-management-table__container .risk-rules-management-table td {
  padding: 8px;
  border-bottom: 1px solid var(--color-border-info-table);
}
.risk-rules-management-table__container .risk-rules-management-table td.risk-rules-management-table__cell-enabled {
  background-color: var(--color-yellow-2);
}
.risk-rules-management-table__container .risk-rules-management-table th {
  padding: 8px;
  vertical-align: top;
  border-right: 1px solid var(--color-border);
}
.risk-rules-management-table__container .risk-rules-management-table th:nth-of-type(1) {
  text-align: left;
  vertical-align: middle;
}
.risk-rules-management-table__container .risk-rules-management-table tr {
  transition: opacity 0.3s, filter 0.3s, box-shadow 0.3s;
}
.risk-rules-management-table__container .risk-rules-management-table tr:nth-of-type(even) {
  background-color: var(--color-white);
}
.risk-rules-management-table__container .risk-rules-management-table tr:hover {
  background-color: var(--color-selected-table-row);
  --opacity-edit-button: 1;
}
.risk-rules-management-table__container .risk-rules-management-table thead {
  border-bottom: 2px solid var(--color-border);
  background-color: var(--color-white);
}

.risk-rules-management-table__container .risk-rules-management-table__read-mode tbody:hover tr {
  filter: blur(2px);
  opacity: 0.3;
}
.risk-rules-management-table__container .risk-rules-management-table__read-mode tbody:hover tr:hover {
  filter: none;
  opacity: 1;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.risk-rules-management-table__container .risk-rules-management-table__edit-mode-active {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.risk-rules-management-table__container .risk-rules-management-table__edit-mode-inactive {
  filter: blur(2px);
  opacity: 0.3;
}

.risk-rules-management-table .risk-rules-management-table__main-column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  white-space: nowrap;
}

.risk-rules-management-table .risk-rules-management-table__edit-button {
  opacity: var(--opacity-edit-button);
}

.risk-rules-management-table .risk-rules-management-table__edit-button-hidden {
  visibility: hidden;
}.risk-rules-management-table__container .risk-rules-management-table__cell {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.risk-rules-management-table__container .risk-rules-management-table__cell-title {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

.risk-rules-management-table__container .risk-rules-management-table__cell-value {
  font-weight: 600;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.risk-rules-management-table__container .risk-rules-management-table__cell-value__circle-ignored {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--color-icon-disabled);
}.risk-rules-management-table__container .risk-rules-management-table__edit-cell {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell .ant-segmented-item {
  flex: 1;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__boolean {
  width: unset;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__currency {
  width: 170px;
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell__currency input {
  width: 70px;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__int {
  width: 140px;
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell__int input {
  width: 40px;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__title {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__field {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell__field .number-input__container, .risk-rules-management-table__container .risk-rules-management-table__edit-cell__field .control-wrapper {
  padding: 0;
  width: unset;
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell__field .with-field-error__container {
  width: unset;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__operator {
  width: 60px;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__enabled .ant-checkbox {
  margin-left: 20px;
}
.risk-rules-management-table__container .risk-rules-management-table__edit-cell__enabled .ant-checkbox-label {
  padding: 0;
}

.risk-rules-management-table__container .risk-rules-management-table__edit-cell__info {
  height: 24px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}.presale-risk-rules-management-table__header {
  position: sticky;
  top: var(--header-height);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.presale-risk-rules-management-table__header .presale-risk-rules-management-table__header-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
}

.presale-risk-rules-management-table__header .presale-risk-rules-management-table__header-actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.sales-opportunities {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.sales-opportunities-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}.sales-opportunities-table__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}

.sales-opportunities-table__container .sales-opportunities-table {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  background-color: var(--color-white);
}
.sales-opportunities-table__container .sales-opportunities-table .ant-table-wrapper {
  flex: 1;
}.sales-opportunity-nickname-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.sales-opportunity-nickname-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.sales-opportunity-nickname-edit__container .sales-opportunity-nickname-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.sales-opportunity-nickname-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sales-opportunity-nickname-edit__container .sales-opportunity-nickname-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.sales-opportunity-nickname-edit__container:hover .sales-opportunity-nickname-edit__icon {
  fill: var(--color-link-hover);
}.sales-opportunity-view-item {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--gap-big);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.sales-opportunity-view-item .sales-opportunity-view-item__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-opportunity-view-item .sales-opportunity-view-item__header-icon {
  width: 32px;
  height: 32px;
}

.sales-opportunity-view-item .sales-opportunity-view-item__nickname {
  font-size: 16px;
  font-weight: 600;
}

.sales-opportunity-view-item .sales-opportunity-view-item__group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-small);
}

.sales-opportunity-view-item .sales-opportunity-view-item__address {
  margin: 0;
}

.sales-opportunity-view-item .sales-opportunity-view-item__tabs {
  flex: 1;
}
.sales-opportunity-view-item .sales-opportunity-view-item__tabs .ant-tabs-nav {
  margin-bottom: 24px;
}.form-sales-opportunity-update__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-opportunity-update {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-opportunity-update .form-sales-opportunity-update__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-sales-opportunity-update .form-sales-opportunity-update__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-opportunity-update .form-sales-opportunity-update__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-sales-opportunity-update .form-sales-opportunity-update__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-sales-opportunity-update .form-sales-opportunity-update__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-sales-opportunity-update .form-sales-opportunity-update__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-sales-opportunity-update .form-sales-opportunity-update__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-sales-opportunity-update .form-sales-opportunity-update__item__product-type svg {
  width: 32px;
  height: 32px;
}.sales-opportunity-info__container {
  display: flex;
  background-color: var(--color-background-light);
  padding: 8px 0 8px 16px;
  margin-bottom: 24px;
  gap: var(--gap-huge);
}.sales-opportunity__tickets {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.sales-opportunity__tickets .sales-opportunity__ticket__collapsed {
  border-bottom-width: 3px;
}

.sales-opportunity__tickets .sales-opportunity__ticket__outbound {
  border-left: 3px solid var(--color-blue-5);
}

.sales-opportunity__tickets .sales-opportunity__ticket {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 3px solid transparent;
}

.sales-opportunity__ticket .sales-opportunity__ticket__content {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 0 16px;
  padding: 0 16px 16px;
  min-height: 100px;
}
.sales-opportunity__ticket .sales-opportunity__ticket__content .ant-collapse-content-box {
  padding: 0;
}
.sales-opportunity__ticket .sales-opportunity__ticket__content .ant-collapse-header-text {
  flex: 1 !important;
}

.sales-opportunity__ticket .sales-opportunity__ticket__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 8px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-status {
  font-size: 16px;
  flex-basis: 280px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-days-in-stage {
  flex-basis: 120px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-presale-days {
  flex-basis: 120px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-days-since-last-update {
  flex-basis: 150px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-created {
  flex-basis: 200px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__banner-updated {
  flex-basis: 290px;
  overflow-x: hidden;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__data {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.sales-opportunity__ticket__header .sales-opportunity__ticket__header__block span, .sales-opportunity__ticket__header .sales-opportunity__ticket__header__block a, .sales-opportunity__ticket__header .sales-opportunity__ticket__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__interaction-summary {
  width: 140px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__last-interaction-info {
  width: 200px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__ticket-numbers {
  width: 100px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__ticket-number {
  width: 175px;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__assignee {
  width: 200px;
}

.sales-opportunity__ticket__header__product-info .sales-opportunity__ticket__header__collapse-button {
  flex-shrink: 0;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.sales-opportunity__ticket__header .sales-opportunity__ticket__header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-tiny);
}.sales-opportunity-view__contacts {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: var(--gap-medium);
}.sales-opportunities-view .sales-opportunities-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.sales-opportunities-view__header .sales-opportunities-view__header-actions {
  margin-left: auto;
}.form-sales-opportunity-create__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-sales-opportunity-create {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-opportunity-create .form-sales-opportunity-create__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-sales-opportunity-create .form-sales-opportunity-create__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-sales-opportunity-create .form-sales-opportunity-create__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-sales-opportunity-create .form-sales-opportunity-create__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-sales-opportunity-create .form-sales-opportunity-create__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-sales-opportunity-create .form-sales-opportunity-create__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-sales-opportunity-create .form-sales-opportunity-create__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-sales-opportunity-create .form-sales-opportunity-create__item__product-type svg {
  width: 32px;
  height: 32px;
}.sales-opportunity {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.sales-opportunity-view {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  min-height: var(--min-content-height);
}

.sales-opportunity-view .sales-opportunity-view__location-menu {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  width: 326px;
}
.sales-opportunity-view .sales-opportunity-view__location-menu .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.sales-opportunity-view .sales-opportunity-view__location-menu .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.sales-opportunity-view .sales-opportunity-view__location-menu .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.sales-opportunity-view .sales-opportunity-view__location-menu__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}

.sales-opportunity-view .sales-opportunity-view__menu-item__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.sales-opportunity-view .sales-opportunity-view__menu-item__label {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.sales-opportunity-view .sales-opportunity-view__menu-item__label-archived {
  text-decoration: line-through;
}

.sales-opportunity-view .sales-opportunity-view__content {
  flex: 1 0 auto;
  background-color: var(--color-white);
}.sales-ticket {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.sales-ticket-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.sales-ticket-view .sales-ticket-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.sales-ticket-view .sales-ticket-view__header__search-input {
  width: 350px;
}.sales-tickets {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.sales-tickets-view {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.sales-tickets-view .sales-tickets-view__groups {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.form-sales-ticket-relate {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-relate .form-sales-ticket-relate__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  height: 70vh;
  max-height: 70vh;
}.sales-ticket-relate-view {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-ticket-relate-view .sales-ticket-relate-view__main-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-ticket-relate-view .sales-ticket-relate-view__product-type svg {
  width: 32px;
  height: 32px;
}

.sales-ticket-relate-view .sales-ticket-relate-view__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-ticket-relate-view .sales-ticket-relate-view__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}
.sales-ticket-relate-view .sales-ticket-relate-view__block span, .sales-ticket-relate-view .sales-ticket-relate-view__block a, .sales-ticket-relate-view .sales-ticket-relate-view__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.sales-ticket-relate-view .sales-ticket-relate-view__interaction-summary {
  width: 140px;
}

.sales-ticket-relate-view .sales-ticket-relate-view__last-interaction-info {
  width: 200px;
}

.sales-ticket-relate-view .sales-ticket-relate-view__ticket-number {
  width: 175px;
}

.sales-ticket-relate-view .sales-ticket-relate-view__assignee {
  width: 200px;
}.sales-ticket-relate-company {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.sales-ticket-relate-company .sales-ticket-relate-company__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.sales-ticket-relate-company .sales-ticket-relate-company__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.sales-ticket-relate-company .sales-ticket-relate-company__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.sales-ticket-relate-company .sales-ticket-relate-company__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.sales-ticket-relate-contact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.sales-ticket-relate-contact .sales-ticket-relate-contact__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.sales-ticket-relate-contact .sales-ticket-relate-contact__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.sales-ticket-relate-contact .sales-ticket-relate-contact__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.sales-ticket-relate-contact .sales-ticket-relate-contact__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.sales-ticket-relate-lead {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.sales-ticket-relate-lead .sales-ticket-relate-lead__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.sales-ticket-relate-lead .sales-ticket-relate-lead__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.sales-ticket-relate-lead .sales-ticket-relate-lead__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.sales-ticket-relate-lead .sales-ticket-relate-lead__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.sales-tickets-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.sales-tickets-view__group .sales-tickets-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.sales-tickets-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: calc(var(--z-index-light) + 1);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.sales-tickets-view__header .sales-tickets-view__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
}

.sales-tickets-view__header .sales-tickets-view__header__filter-type {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.sales-tickets-view__header .sales-tickets-view__header__filter-type__item {
  flex: 1;
}

.sales-tickets-view__header .sales-tickets-view__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-tickets-view__header .sales-tickets-view__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.form-sales-ticket-create {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-create .form-sales-ticket-create__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-sales-ticket-create .form-sales-ticket-create__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.sales-tickets-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.sales-tickets-view__left .sales-tickets-view__left__filters {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  height: calc(100% - 112px);
}
.sales-tickets-view__left .sales-tickets-view__left__filters .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.sales-tickets-view__left .sales-tickets-view__left__filters .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.sales-tickets-view__left .sales-tickets-view__left__filters .ant-collapse-header-text {
  flex: 1 !important;
}

.sales-tickets-view__left .sales-tickets-view__left__actions {
  margin-top: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
}

.sales-tickets-view__left .sales-tickets-view__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.sales-tickets-view__left .sales-tickets-view__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.sales-tickets-view__left .sales-tickets-view__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.sales-tickets-view__left .sales-tickets-view__left__filter-others {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 8px;
}

.sales-tickets-view__left .sales-tickets-view__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.sales-tickets-view__left .sales-tickets-view__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.sales-tickets-view__left .sales-tickets-view__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.sales-tickets-view__left .sales-tickets-view__left__filter__item {
  gap: var(--gap-tiny);
}.sales-tickets-view__select-filters__button {
  display: flex;
  flex-flow: row nowrap;
}
.sales-tickets-view__select-filters__button button {
  flex: 1;
}.sales-tickets-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.sales-tickets-created-date-filter .calendar-date-picker__card-wrapper-container {
  width: unset;
}
.sales-tickets-created-date-filter button {
  width: unset !important;
}.sales-tickets-product-specification-filter {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.sales-tickets-product-specification-filter .ant-collapse-header-text {
  display: contents;
}

.sales-tickets-product-specification-filter .sales-tickets-product-specification-filter__title {
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}
.sales-tickets-product-specification-filter .sales-tickets-product-specification-filter__title > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.service-tickets-table {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  gap: var(--gap-huge);
}.sales-tickets-activity-stream {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.sales-tickets-activity-stream .sales-tickets-activity-stream-item__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.sales-tickets-activity-stream .sales-tickets-activity-stream-item__header__banner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-medium);
}

.sales-tickets-activity-stream .sales-tickets-activity-stream-item__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.sales-tickets-activity-stream .sales-tickets-activity-stream-item__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.sales-tickets-activity-stream .sales-tickets-activity-stream__interactions {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
.sales-tickets-activity-stream .sales-tickets-activity-stream__interactions .ant-collapse-header {
  padding: 4px 8px;
}.interactions__collapse-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.interactions__collapse-list .interactions__collapse-list-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 8px;
  border-top: 1px solid var(--color-gray-4);
}
.interactions__collapse-list .interactions__collapse-list-item:first-child {
  border: unset;
}

.interactions__collapse-list .interactions__collapse-list-item__content {
  line-height: 1.75em;
  padding: 8px 0;
}.sales-tickets-base-table-view {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.sales-tickets-base-table-view .sales-tickets-base-table-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.sales-tickets-base-table-view .sales-tickets-base-table-view__right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.sales-tickets-base-table-view .sales-tickets-base-table-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.sales-tickets-base-table-view__expanded-row-icon .sales-tickets-base-table-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.sales-tickets-base-table-view__expanded-row-icon .sales-tickets-base-table-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.sales-tickets-base-table-view .sales-tickets-base-table-view__row {
  background-color: #F2F2F2;
}
.sales-tickets-base-table-view .sales-tickets-base-table-view__row span.ant-table-row-indent,
.sales-tickets-base-table-view .sales-tickets-base-table-view__row button.ant-table-row-expand-icon {
  display: none;
}.sales-tickets-table-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.sales-tickets-table-view__header .sales-tickets-table-view__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-warning);
}

.sales-tickets-table-view__header .sales-tickets-table-view__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.sales-tickets-table-view__header .sales-tickets-table-view__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.sales-tickets-table__left {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.sales-tickets-table__left .sales-tickets-table__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.sales-tickets-table__left .sales-tickets-table__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.sales-tickets-table__left .sales-tickets-table__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.sales-tickets-table__left .sales-tickets-table__left__filter-others {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 8px;
}
.sales-tickets-table__left .sales-tickets-table__left__filter-others .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.sales-tickets-table__left .sales-tickets-table__left__filter-others .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.sales-tickets-table__left .sales-tickets-table__left__filter-others .ant-collapse-header-text {
  flex: 1 !important;
}

.sales-tickets-table__left .sales-tickets-table__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.sales-tickets-table__left .sales-tickets-table__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.sales-tickets-table__left .sales-tickets-table__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.sales-tickets-table__left .sales-tickets-table__left__filter__item {
  gap: var(--gap-tiny);
}.sales-tickets-table-created-date-filter {
  gap: 0;
}
.sales-tickets-table-created-date-filter .calendar-date-picker__card-wrapper-container {
  width: unset;
}
.sales-tickets-table-created-date-filter button {
  width: unset !important;
}.sales-tickets-table-product-specification-filter {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.sales-tickets-table-product-specification-filter .ant-collapse-header-text {
  display: contents;
}

.sales-tickets-table-product-specification-filter .sales-tickets-table-product-specification-filter__title {
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}
.sales-tickets-table-product-specification-filter .sales-tickets-table-product-specification-filter__title > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.sales-tickets-table__status-filter__button-ghost button {
  color: #0f62fe;
  background: transparent;
  border-color: #0f62fe;
  box-shadow: none;
}

.sales-tickets-table__status-filter__button button:not(.ant-dropdown-trigger) {
  flex: 1;
  justify-content: flex-start;
}

.sales-tickets-table__status-filter__button-ghost button:not(:disabled, .ant-btn-disabled):hover {
  background: transparent !important;
  color: #3884ff !important;
  border-color: #3884ff !important;
}.sales-tickets-table-view__list-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.search-view {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}.search-company-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.search-company-group .search-company-group__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.search-company-group .search-company-group__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.search-company-group .search-company-group__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.search-company-group .search-company-group__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.search-company-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-white);
  padding: 16px 16px 8px;
}

.search-company-group__header .search-company-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  width: 120px;
}

.search-company-group__header .search-company-group__header__pagination {
  margin-left: auto;
}

.search-company-group__header .search-company-group__header__collapse-icon-button {
  cursor: pointer;
}.search-contact-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.search-contact-group .search-contact-group__items {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.search-contact-group .search-contact-group__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 9;
}

.search-contact-group .search-contact-group__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.search-contact-group .search-contact-group__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.search-contact-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-white);
  padding: 16px 16px 8px;
}

.search-contact-group__header .search-contact-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  width: 120px;
}

.search-contact-group__header .search-contact-group__header__pagination {
  margin-left: auto;
}

.search-contact-group__header .search-contact-group__header__collapse-icon-button {
  cursor: pointer;
}.search-contact-group__item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.search-contact-group__item .search-contact-group__item__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.search-contact-group__item .search-contact-group__item__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 9;
}

.search-contact-group__item .search-contact-group__item__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.search-contact-group__item .search-contact-group__item__info {
  min-width: 25%;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.search-contact-group__item .search-contact-group__item__content {
  margin-left: 32px;
  display: grid;
  grid-template-columns: min-content min-content min-content;
  gap: var(--gap-medium);
}.search-lead-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.search-lead-group .search-lead-group__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.search-lead-group .search-lead-group__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.search-lead-group .search-lead-group__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.search-lead-group .search-lead-group__company-name {
  max-width: 250px;
  white-space: collapse;
  font-size: 12px;
  color: var(--color-secondary);
}

.search-lead-group .search-lead-group__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.search-lead-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-white);
  padding: 16px 16px 8px;
}

.search-lead-group__header .search-lead-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  width: 120px;
}

.search-lead-group__header .search-lead-group__header__pagination {
  margin-left: auto;
}

.search-lead-group__header .search-lead-group__header__collapse-icon-button {
  cursor: pointer;
}.search-presale-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.search-presale-group .search-presale-group__items {
  display: grid;
  grid-template-columns: max-content min-content max-content min-content max-content min-content max-content min-content max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.search-presale-group .search-presale-group__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 11;
}

.search-presale-group .search-presale-group__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.search-presale-group .search-presale-group__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.search-presales-group__header {
  position: sticky;
  top: calc(var(--header-height) + 64px);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  background-color: var(--color-white);
  padding: 16px 16px 8px;
}

.search-presales-group__header .search-presales-group__header__label {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  width: 120px;
}

.search-presales-group__header .search-presales-group__header__pagination {
  margin-left: auto;
}

.search-presales-group__header .search-presales-group__header__collapse-icon-button {
  cursor: pointer;
}.search-view-toolbar {
  position: sticky;
  top: var(--header-height);
  z-index: calc(var(--z-index-light) + 1);
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.search-view-toolbar .search-view-toolbar__controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-small);
}

.search-view-toolbar .search-view-toolbar__status-filter {
  min-width: 360px;
}

.search-view-toolbar .search-view-toolbar__counter {
  color: var(--color-secondary);
}.popup-search-global-filters__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 450px;
  max-width: 450px;
}.service-opportunities {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.service-opportunities-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}.service-opportunities-table__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}

.service-opportunities-table__container .service-opportunities-table {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  background-color: var(--color-white);
}
.service-opportunities-table__container .service-opportunities-table .ant-table-wrapper {
  flex: 1;
}.service-opportunity-nickname-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  inset-inline-start: unset !important;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.service-opportunity-nickname-edit__container textarea {
  text-wrap: nowrap;
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  overflow-x: hidden;
}

.service-opportunity-nickname-edit__container .service-opportunity-nickname-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.service-opportunity-nickname-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.service-opportunity-nickname-edit__container .service-opportunity-nickname-edit__icon {
  fill: var(--color-link);
  width: 16px;
  height: 16px;
}

.service-opportunity-nickname-edit__container:hover .service-opportunity-nickname-edit__icon {
  fill: var(--color-link-hover);
}.service-opportunity-view-item {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--gap-big);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.service-opportunity-view-item .service-opportunity-view-item__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-opportunity-view-item .service-opportunity-view-item__header-icon {
  width: 32px;
  height: 32px;
}

.service-opportunity-view-item .service-opportunity-view-item__nickname {
  font-size: 16px;
  font-weight: 600;
}

.service-opportunity-view-item .service-opportunity-view-item__group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-small);
}

.service-opportunity-view-item .service-opportunity-view-item__address {
  margin: 0;
}

.service-opportunity-view-item .service-opportunity-view-item__tabs {
  flex: 1;
}
.service-opportunity-view-item .service-opportunity-view-item__tabs .ant-tabs-nav {
  margin-bottom: 24px;
}.form-service-opportunity-update__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-opportunity-update {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-opportunity-update .form-service-opportunity-update__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-service-opportunity-update .form-service-opportunity-update__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-opportunity-update .form-service-opportunity-update__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-service-opportunity-update .form-service-opportunity-update__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-service-opportunity-update .form-service-opportunity-update__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-service-opportunity-update .form-service-opportunity-update__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-service-opportunity-update .form-service-opportunity-update__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-service-opportunity-update .form-service-opportunity-update__item__product-type svg {
  width: 32px;
  height: 32px;
}.service-opportunity-info__container {
  display: flex;
  background-color: var(--color-background-light);
  padding: 8px 0 8px 16px;
  margin-bottom: 24px;
  gap: var(--gap-huge);
}.service-opportunity__tickets {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.service-opportunity__tickets .service-opportunity__ticket__collapsed {
  border-bottom-width: 3px;
}

.service-opportunity__tickets .service-opportunity__ticket__outbound {
  border-left: 3px solid var(--color-blue-5);
}

.service-opportunity__tickets .service-opportunity__ticket {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 3px solid transparent;
}

.service-opportunity__ticket .service-opportunity__ticket__content {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 0 16px;
  padding: 0 16px 16px;
  min-height: 100px;
}
.service-opportunity__ticket .service-opportunity__ticket__content .ant-collapse-content-box {
  padding: 0;
}
.service-opportunity__ticket .service-opportunity__ticket__content .ant-collapse-header-text {
  flex: 1 !important;
}

.service-opportunity__ticket .service-opportunity__ticket__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 8px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-status {
  font-size: 16px;
  flex-basis: 280px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-days-in-stage {
  flex-basis: 120px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-presale-days {
  flex-basis: 120px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-days-since-last-update {
  flex-basis: 150px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-created {
  flex-basis: 200px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__banner-updated {
  flex-basis: 290px;
  overflow-x: hidden;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__data {
  height: var(--dimension-by-size-large-height);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.service-opportunity__ticket__header .service-opportunity__ticket__header__block span, .service-opportunity__ticket__header .service-opportunity__ticket__header__block a, .service-opportunity__ticket__header .service-opportunity__ticket__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.service-opportunity__ticket__header .service-opportunity__ticket__interaction-summary {
  width: 140px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__last-interaction-info {
  width: 200px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__ticket-numbers {
  width: 160px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__ticket-number {
  width: 175px;
}

.service-opportunity__ticket__header .service-opportunity__ticket__assignee {
  width: 200px;
}

.service-opportunity__ticket__header__product-info .service-opportunity__ticket__header__collapse-button {
  flex-shrink: 0;
}

.service-opportunity__ticket__header .service-opportunity__ticket__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

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

.service-opportunity__ticket__header .service-opportunity__ticket__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-tiny);
}.service-opportunity-view__contacts {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: var(--gap-medium);
}.service-opportunities-view .service-opportunities-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.service-opportunities-view__header .service-opportunities-view__header-actions {
  margin-left: auto;
}.form-service-opportunity-create__container {
  flex: 1;
  min-height: 100px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.form-service-opportunity-create {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-opportunity-create .form-service-opportunity-create__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-service-opportunity-create .form-service-opportunity-create__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}

.form-service-opportunity-create .form-service-opportunity-create__item {
  cursor: pointer;
  position: relative;
  border-top: 1px solid #d9d9d9;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  gap: var(--gap-medium);
}
.form-service-opportunity-create .form-service-opportunity-create__item:hover {
  background-color: var(--color-ibm-carbon-blue-1);
}

.form-service-opportunity-create .form-service-opportunity-create__item-primary {
  background-color: var(--color-ibm-carbon-blue-2);
}
.form-service-opportunity-create .form-service-opportunity-create__item-primary:hover {
  background-color: var(--color-ibm-carbon-blue-2);
}

.form-service-opportunity-create .form-service-opportunity-create__item-primary__badge {
  position: absolute;
  left: 0;
  top: -4px;
  margin: 0;
}

.form-service-opportunity-create .form-service-opportunity-create__item__product-type svg {
  width: 32px;
  height: 32px;
}.service-opportunity {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.service-opportunity-view {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  min-height: var(--min-content-height);
}

.service-opportunity-view .service-opportunity-view__location-menu {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  width: 326px;
}
.service-opportunity-view .service-opportunity-view__location-menu .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.service-opportunity-view .service-opportunity-view__location-menu .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.service-opportunity-view .service-opportunity-view__location-menu .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.service-opportunity-view .service-opportunity-view__location-menu__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}

.service-opportunity-view .service-opportunity-view__menu-item__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.service-opportunity-view .service-opportunity-view__menu-item__label {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.service-opportunity-view .service-opportunity-view__menu-item__label-archived {
  text-decoration: line-through;
}

.service-opportunity-view .service-opportunity-view__content {
  flex: 1 0 auto;
  background-color: var(--color-white);
}.service-ticket {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.service-ticket-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.service-ticket-view .service-ticket-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.service-ticket-view .service-ticket-view__header__search-input {
  width: 350px;
}.service-tickets {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.service-tickets-view {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.service-tickets-view .service-tickets-view__groups {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.form-service-ticket-relate {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-relate .form-service-ticket-relate__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  height: 70vh;
  max-height: 70vh;
}.service-ticket-relate-view {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-ticket-relate-view .service-ticket-relate-view__main-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.service-ticket-relate-view .service-ticket-relate-view__product-type svg {
  width: 32px;
  height: 32px;
}

.service-ticket-relate-view .service-ticket-relate-view__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-ticket-relate-view .service-ticket-relate-view__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}
.service-ticket-relate-view .service-ticket-relate-view__block span, .service-ticket-relate-view .service-ticket-relate-view__block a, .service-ticket-relate-view .service-ticket-relate-view__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.service-ticket-relate-view .service-ticket-relate-view__interaction-summary {
  width: 140px;
}

.service-ticket-relate-view .service-ticket-relate-view__last-interaction-info {
  width: 200px;
}

.service-ticket-relate-view .service-ticket-relate-view__ticket-number {
  width: 175px;
}

.service-ticket-relate-view .service-ticket-relate-view__assignee {
  width: 200px;
}.service-ticket-relate-company {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.service-ticket-relate-company .service-ticket-relate-company__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.service-ticket-relate-company .service-ticket-relate-company__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.service-ticket-relate-company .service-ticket-relate-company__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.service-ticket-relate-company .service-ticket-relate-company__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.service-ticket-relate-contact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.service-ticket-relate-contact .service-ticket-relate-contact__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.service-ticket-relate-contact .service-ticket-relate-contact__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.service-ticket-relate-contact .service-ticket-relate-contact__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.service-ticket-relate-contact .service-ticket-relate-contact__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.service-ticket-relate-lead {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
}

.service-ticket-relate-lead .service-ticket-relate-lead__items {
  display: grid;
  grid-template-columns: max-content min-content 1fr;
  gap: var(--gap-medium);
  padding: 8px 16px 16px 32px;
}

.service-ticket-relate-lead .service-ticket-relate-lead__hdelimiter {
  height: 1px;
  background-color: var(--color-gray-5);
  grid-column: span 3;
}

.service-ticket-relate-lead .service-ticket-relate-lead__vdelimiter {
  width: 1px;
  background-color: var(--color-gray-5);
  align-self: stretch;
}

.service-ticket-relate-lead .service-ticket-relate-lead__item__info {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}.service-tickets-view__group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.service-tickets-view__group .service-tickets-view__group__collapsed {
  max-height: 0;
  overflow: hidden;
}.service-tickets-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: calc(var(--z-index-light) + 1);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.service-tickets-view__header .service-tickets-view__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
}

.service-tickets-view__header .service-tickets-view__header__filter-type {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.service-tickets-view__header .service-tickets-view__header__filter-type__item {
  flex: 1;
}

.service-tickets-view__header .service-tickets-view__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-tickets-view__header .service-tickets-view__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.form-service-ticket-create {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-create .form-service-ticket-create__content {
  background-color: var(--color-background-light);
  padding: 16px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.form-service-ticket-create .form-service-ticket-create__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-small);
}.service-tickets-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.service-tickets-view__left .service-tickets-view__left__filters {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  height: calc(100% - 112px);
}
.service-tickets-view__left .service-tickets-view__left__filters .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.service-tickets-view__left .service-tickets-view__left__filters .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.service-tickets-view__left .service-tickets-view__left__filters .ant-collapse-header-text {
  flex: 1 !important;
}

.service-tickets-view__left .service-tickets-view__left__actions {
  margin-top: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
}

.service-tickets-view__left .service-tickets-view__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.service-tickets-view__left .service-tickets-view__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.service-tickets-view__left .service-tickets-view__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.service-tickets-view__left .service-tickets-view__left__filter-others {
  width: 250px;
  max-width: 20px;
  min-width: 250px;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 8px;
}

.service-tickets-view__left .service-tickets-view__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.service-tickets-view__left .service-tickets-view__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.service-tickets-view__left .service-tickets-view__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.service-tickets-view__left .service-tickets-view__left__filter__item {
  gap: var(--gap-tiny);
}.service-tickets-view__select-filters__button {
  display: flex;
  flex-flow: row nowrap;
}
.service-tickets-view__select-filters__button button {
  flex: 1;
}.service-tickets-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.service-tickets-created-date-filter .calendar-date-picker__card-wrapper-container {
  width: unset;
}
.service-tickets-created-date-filter button {
  width: unset !important;
}.service-tickets-product-specification-filter {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.service-tickets-product-specification-filter .ant-collapse-header-text {
  display: contents;
}

.service-tickets-product-specification-filter .service-tickets-product-specification-filter__title {
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}
.service-tickets-product-specification-filter .service-tickets-product-specification-filter__title > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.service-tickets-table {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  gap: var(--gap-huge);
}.service-tickets-base-table-view {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.service-tickets-base-table-view .service-tickets-base-table-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.service-tickets-base-table-view .service-tickets-base-table-view__right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.service-tickets-base-table-view .service-tickets-base-table-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.service-tickets-base-table-view__expanded-row-icon .service-tickets-base-table-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.service-tickets-base-table-view__expanded-row-icon .service-tickets-base-table-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.service-tickets-base-table-view .service-tickets-base-table-view__row {
  background-color: #F2F2F2;
}
.service-tickets-base-table-view .service-tickets-base-table-view__row span.ant-table-row-indent,
.service-tickets-base-table-view .service-tickets-base-table-view__row button.ant-table-row-expand-icon {
  display: none;
}.service-tickets-table-view__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.service-tickets-table-view__header .service-tickets-table-view__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-warning);
}

.service-tickets-table-view__header .service-tickets-table-view__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.service-tickets-table-view__header .service-tickets-table-view__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.service-tickets-table__left {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.service-tickets-table__left .service-tickets-table__left__filter-type {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}
.service-tickets-table__left .service-tickets-table__left__filter-type svg {
  width: 24px;
  height: 24px;
}

.service-tickets-table__left .service-tickets-table__left__delimiter-vertical {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.service-tickets-table__left .service-tickets-table__left__filter-others {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 8px;
}
.service-tickets-table__left .service-tickets-table__left__filter-others .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.service-tickets-table__left .service-tickets-table__left__filter-others .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.service-tickets-table__left .service-tickets-table__left__filter-others .ant-collapse-header-text {
  flex: 1 !important;
}

.service-tickets-table__left .service-tickets-table__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.service-tickets-table__left .service-tickets-table__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.service-tickets-table__left .service-tickets-table__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.service-tickets-table__left .service-tickets-table__left__filter__item {
  gap: var(--gap-tiny);
}.service-tickets-table-created-date-filter {
  gap: 0;
}
.service-tickets-table-created-date-filter .calendar-date-picker__card-wrapper-container {
  width: unset;
}
.service-tickets-table-created-date-filter button {
  width: unset !important;
}.service-tickets-table-product-specification-filter {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.service-tickets-table-product-specification-filter .ant-collapse-header-text {
  display: contents;
}

.service-tickets-table-product-specification-filter .service-tickets-table-product-specification-filter__title {
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
}
.service-tickets-table-product-specification-filter .service-tickets-table-product-specification-filter__title > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.service-tickets-table__status-filter__button-ghost button {
  color: #0f62fe;
  background: transparent;
  border-color: #0f62fe;
  box-shadow: none;
}

.service-tickets-table__status-filter__button button:not(.ant-dropdown-trigger) {
  flex: 1;
  justify-content: flex-start;
}

.service-tickets-table__status-filter__button-ghost button:not(:disabled, .ant-btn-disabled):hover {
  background: transparent !important;
  color: #3884ff !important;
  border-color: #3884ff !important;
}.service-tickets-table-view__list-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.specifications__container {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.specifications__container .specifications__tree {
  padding: 16px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  position: sticky;
  z-index: var(--z-index-light);
  top: var(--header-height);
  background-color: var(--color-white);
  min-width: 400px;
  max-width: 400px;
  height: var(--min-content-height);
  overflow: scroll;
}

.specifications__container .specifications__details {
  padding: var(--content-padding) var(--content-padding) 0;
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  min-height: var(--min-content-height);
}.enumeration-specification__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding);
}

.enumeration-specification__container .enumeration-specification__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.enumeration-specification__container .enumeration-specification__header .ant-tag {
  margin-right: 0;
}

.enumeration-specification__container .enumeration-specification__header-actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.enumeration-specification__container .enumeration-specification__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-small);
}

.enumeration-specification__container .enumeration-specification__block-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 8px 16px;
}

.enumeration-specification__container .enumeration-specification__block-item__label {
  white-space: nowrap;
}

.enumeration-specification__container .enumeration-specification__block-input__label {
  padding: 8px 0;
}

.enumeration-specification__container .enumeration-specification__block-item__value {
  font-weight: 600;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.enumeration-specification__container .enumeration-specification__preview-container {
  align-self: stretch;
}

.enumeration-specification__container .enumeration-specification__preview {
  width: 50%;
}

.enumeration-specification__container .enumeration-specification__enum-constants {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.enumeration-specification__container .enumeration-specification__enum-constant {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-medium);
  margin-inline-end: 0;
}

.enumeration-specification__container .enumeration-specification__block-item__submit {
  justify-self: end;
}

.enumeration-specification__container .enumeration-specification__grid-delimiter {
  grid-column: span 2;
  height: 8px;
}

.enumeration-specification__container .enumeration-specification__delimiter {
  align-self: stretch;
  height: 8px;
}

.enumeration-specification__container .enumeration-specification__title {
  font-size: 18px;
  font-weight: 600;
}.specification__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding);
  background-color: var(--color-white);
  height: 100%;
}

.specification__container .specification__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.specification__container .specification__header .ant-tag {
  margin-right: 0;
}

.specification__container .specification__header-actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.specification__container .specification__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-small);
}

.specification__container .specification__block-item {
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: var(--gap-small);
}

.specification__container .specification__block-item__label {
  white-space: nowrap;
  min-width: 160px;
}

.specification__container .specification__block-item__align-start-label {
  align-self: flex-start;
}

.specification__container .specification__block-item__value {
  font-weight: 600;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.specification__container .specification__block-item__submit {
  justify-self: end;
}

.specification__container .specification__order-list {
  flex-basis: 100%;
  padding: 8px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.specification__container .specification__order-list__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-medium);
  margin-inline-end: 0;
}

.specification__container .specification__grid-delimiter {
  grid-column: span 2;
  height: 16px;
}

.specification__container .specification__title {
  font-size: 18px;
  font-weight: 600;
}.product-specification-field-group-guide-form {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
}

.product-specification-field-group-guide-form .product-specification-field-group-guide-form__preview {
  width: 100%;
  height: 100%;
}
.product-specification-field-group-guide-form .product-specification-field-group-guide-form__preview iframe {
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-border);
}.specification-tree__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}.task {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  padding: 0;
}.task-view {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.task-view .task-view__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.task-view .task-view__header__search-input {
  width: 350px;
}.tasks-list-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background: var(--color-white);
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.tasks-list-item__hovered:hover {
  background-color: var(--color-selected-table-row);
}

.tasks-list-item__collapsed {
  border-bottom-width: 3px;
}

.tasks-list-item__highlighted {
  background-color: var(--color-selected-table-row);
}

.tasks-list-item .tasks-list__tabs-container {
  min-width: 0;
}
.tasks-list-item .tasks-list__tabs-container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.tasks-list-item .tasks-list-item__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: 0 16px 16px;
  min-height: 100px;
}
.tasks-list-item .tasks-list-item__content .ant-collapse-content-box {
  padding: 0;
}
.tasks-list-item .tasks-list-item__content .ant-collapse-header-text {
  flex: 1 !important;
}

.tasks-list-item .tasks-list-item__delimiter {
  border-left: 1px solid var(--color-border);
  width: 1px;
  align-self: stretch;
}

.tasks-list-item .tasks-list-item__collapse-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.tasks-list-item .tasks-list-item__collapse-content__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.tasks-list-item .tasks-list-item__collapse-content__block span, .tasks-list-item .tasks-list-item__collapse-content__block a, .tasks-list-item .tasks-list-item__collapse-content__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.tasks-list-item .tasks-list-item__collapse-content__block__title {
  color: var(--color-secondary);
}

.tasks-list-item .tasks-list-item {
  display: grid;
  grid-template-columns: 11fr 4fr;
  gap: 0 32px;
  padding: 8px 16px 16px;
}

.tasks-list-item .tasks-list-item__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.tasks-list-item__info-block .tasks-list-item__info-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--gap-small);
  line-height: 1.75em;
}
.tasks-list-item__info-block .tasks-list-item__info-row span.ant-tag {
  text-transform: uppercase;
}
.tasks-list-item__info-block .tasks-list-item__info-row {
  padding: 8px 8px 8px 24px;
  border-bottom: 1px solid var(--color-border);
}
.tasks-list-item__info-block .tasks-list-item__info-row:last-child {
  border-bottom: 0;
}

.tasks-list-item__info-row .tasks-list-item__info-row__label {
  white-space: nowrap;
}

.tasks-list-item__info-row .tasks-list-item__info-row__value {
  font-weight: 600;
  white-space: nowrap;
}

.tasks-list-item__info-block .tasks-list-item__info-row__multiselect span.ant-tag {
  font-weight: 600 !important;
}

.tasks-list-item__info-row .tasks-list-item__info-row__sub-value {
  white-space: nowrap;
  color: var(--color-secondary);
}

.tasks-list-item .tasks-list-item__spec-data .ant-tag {
  font-weight: 400 !important;
  text-transform: unset !important;
}.task-entity-customer-location {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--gap-small) var(--gap-tiny);
  background-color: var(--color-ibm-carbon-blue-6);
}

.task-entity-customer-location .task-entity-customer-location__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.task-entity-customer-location .task-entity-customer-location__product-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color-white);
}

.task-entity-customer-location .task-entity-customer-location__entity-number {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.task-entity-customer-location .task-entity-customer-location__entity-type {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white);
  margin: 0;
}

.task-entity-customer-location .task-entity-customer-location__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.task-entity-presale {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--gap-small) var(--gap-tiny);
  background-color: var(--color-ibm-carbon-blue-6);
}

.task-entity-presale .task-entity-presale__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.task-entity-presale .task-entity-presale__product-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color-white);
}

.task-entity-presale .task-entity-presale__entity-number {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.task-entity-presale .task-entity-presale__entity-type {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white);
  margin: 0;
}

.task-entity-presale .task-entity-presale__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.task-entity-service-ticket {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--gap-small) var(--gap-tiny);
  background-color: var(--color-ibm-carbon-blue-6);
}

.task-entity-service-ticket .task-entity-service-ticket__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.task-entity-service-ticket .task-entity-service-ticket__product-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color-white);
}

.task-entity-service-ticket .task-entity-service-ticket__entity-number {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.task-entity-service-ticket .task-entity-service-ticket__entity-type {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white);
  margin: 0;
}

.task-entity-service-ticket .task-entity-service-ticket__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.task-entity-sales-ticket {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--gap-small) var(--gap-tiny);
  background-color: var(--color-ibm-carbon-blue-6);
}

.task-entity-sales-ticket .task-entity-sales-ticket__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.task-entity-sales-ticket .task-entity-sales-ticket__product-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color-white);
}

.task-entity-sales-ticket .task-entity-sales-ticket__entity-number {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.task-entity-sales-ticket .task-entity-sales-ticket__entity-type {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white);
  margin: 0;
}

.task-entity-sales-ticket .task-entity-sales-ticket__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.task-entity-vendor-location {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--gap-small) var(--gap-tiny);
  background-color: var(--color-ibm-carbon-blue-6);
}

.task-entity-vendor-location .task-entity-vendor-location__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.task-entity-vendor-location .task-entity-vendor-location__product-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color-white);
}

.task-entity-vendor-location .task-entity-vendor-location__entity-number {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.task-entity-vendor-location .task-entity-vendor-location__entity-type {
  color: var(--color-white);
  background-color: transparent;
  border: 1px solid var(--color-white);
  margin: 0;
}

.task-entity-vendor-location .task-entity-vendor-location__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}.tasks-list-item__header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
  padding: 16px;
}

.tasks-list-item__header .tasks-list-item__header__banner {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.tasks-list-item__header .tasks-list-item__header__banner-data {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-tiny);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.tasks-list-item__header .tasks-list-item__header__banner-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.tasks-list-item__header .tasks-list-item__header__banner-status {
  font-size: 16px;
  flex-basis: 200px;
}

.tasks-list-item__header .tasks-list-item__header__banner-kind {
  flex-basis: 150px;
}

.tasks-list-item__header .tasks-list-item__header__banner-ticket-count {
  flex-basis: 120px;
}

.tasks-list-item__header .tasks-list-item__header__banner-created {
  flex-basis: 200px;
}

.tasks-list-item__header .tasks-list-item__header__banner-updated {
  flex-basis: 200px;
}

.tasks-list-item__header .tasks-list-item__header__banner-distance {
  margin-left: auto;
}

.tasks-list-item__header .tasks-list-item__header__data {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-huge);
}

.tasks-list-item__header .tasks-list-item__header__product-info {
  box-sizing: border-box;
  width: 350px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.tasks-list-item__header .tasks-list-item__header__product-icon svg {
  width: 32px;
  height: 32px;
}

.tasks-list-item__header .tasks-list-item__header__company-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.tasks-list-item__header .tasks-list-item__header__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-right: 8px;
}
.tasks-list-item__header .tasks-list-item__header__block span, .tasks-list-item__header .tasks-list-item__header__block a, .tasks-list-item__header .tasks-list-item__header__block b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.tasks-list-item__header .tasks-list-item__header__secondary-value {
  font-size: 12px;
  color: var(--color-secondary);
}

.tasks-list-item__header .tasks-list-item__header__block-wrapper {
  padding: 8px;
  border-left: 3px solid var(--color-secondary);
  background-color: var(--color-background-light);
}

.tasks-list-item__header .tasks-list-item__title {
  width: 300px;
}

.tasks-list-item__header .tasks-list-item__interaction-summary {
  width: 140px;
}

.tasks-list-item__header .tasks-list-item__last-interaction-info {
  width: 300px;
}

.tasks-list-item__header .tasks-list-item__assignee {
  width: 200px;
}

.tasks-list-item__header__product-info .tasks-list-item__header__collapse-button {
  flex-shrink: 0;
}

.tasks-list-item__header .tasks-list-item__header__items {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.tasks-list-item__header .tasks-list-item__header__actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}.tasks-list-item-interactions__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}
.tasks-list-item-interactions__container .ant-collapse-header {
  background-color: var(--color-gray-4);
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__header {
  height: 46px;
  border-bottom: 1px solid var(--color-gray-4);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__interaction-tabs .ant-tabs-tab {
  padding: 4px 0;
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__title {
  font-weight: 600;
  font-size: 16px;
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__header-actions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-big);
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__header-item {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__header-item-disabled {
  cursor: not-allowed;
}

.tasks-list-item-interactions__container .tasks-list-item-interactions__list {
  min-height: 100px;
  max-height: 500px;
}.tasks-view {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.tasks-view .tasks-view__left {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  height: calc(100vh - var(--header-height));
}

.tasks-view .tasks-view__right {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}

.tasks-view .tasks-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.tasks-view__expanded-row-icon .tasks-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.tasks-view__expanded-row-icon .tasks-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.tasks-view .tasks-view__row {
  background-color: #F2F2F2;
}
.tasks-view .tasks-view__row span.ant-table-row-indent,
.tasks-view .tasks-view__row button.ant-table-row-expand-icon {
  display: none;
}.tasks__list {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-tiny);
}

.tasks__list .tasks__list__loading {
  background-color: transparent;
}

.tasks__list .tasks__list__no-results {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}.tasks-table__header {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  padding: 16px;
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

.tasks-table__header .tasks-table__header__title {
  align-self: center;
  font-size: 14px;
  font-weight: 600;
}

.tasks-table__header .tasks-table__header__filter-others {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.tasks-table__header .tasks-table__header__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.tasks-table__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.tasks-table__left .tasks-table__left__filter-type__item {
  flex: 1;
}

.tasks-table__left .tasks-table__left__filter-others {
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  padding: 8px;
}
.tasks-table__left .tasks-table__left__filter-others .ant-collapse-content-box {
  padding-block: 0 !important;
  padding: 0;
  margin: var(--gap-small) 0;
}
.tasks-table__left .tasks-table__left__filter-others .ant-collapse-header {
  padding: 0;
  font-weight: 600;
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}

.tasks-table__left .tasks-table__left__filter__item-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--gap-small);
}

.tasks-table__left .tasks-table__left__filter__item-header {
  height: 22px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.tasks-table__left .tasks-table__left__filter__item {
  width: 180px;
  max-width: 180px;
}
.tasks-table__left .tasks-table__left__filter__item button {
  padding: 0;
  width: 100%;
  justify-content: flex-start;
}
.tasks-table__left .tasks-table__left__filter__item button > span {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.tasks-table__left .tasks-table__left__filter__item {
  gap: var(--gap-tiny);
}.tasks-view__list-filter__more {
  text-decoration: underline;
  text-decoration-style: dashed;
}.vendor-page__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  min-height: var(--min-content-height);
}.vendor__location__container {
  flex: 1 0 auto;
  background-color: var(--color-white);
}

.vendor__location__container .vendor__location__sticky-container {
  position: sticky;
  top: var(--header-height);
  padding: var(--content-padding);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.vendor__location__container .vendor__location__header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.vendor__location__container .vendor__location__header-icon {
  width: 32px;
  height: 32px;
}

.vendor__location__container .vendor__location__vendor-and-location {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.vendor__location__container .vendor__location__info {
  margin: 0;
}

.vendor__location__container .vendor__location__new-location-button {
  margin-left: auto;
}

.vendor__location__container .vendor__location__tabs {
  width: 100%;
}.vendor-action-bar__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-medium);
}.vendor-contact-update-form__container .vendor-contact-update-form__contact-sub-form {
  margin-bottom: 8px;
}.vendor-quotes__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.vendor-quotes__container .vendor-quotes__action-bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}

.vendor-quotes__action-bar .vendor-quotes__new-quota-button {
  margin-left: auto;
}

.vendor-quotes__container .ant-table-pagination {
  position: sticky;
  bottom: 0;
  background-color: var(--color-white);
  z-index: var(--z-index-light);
  margin: 0;
  padding: 8px 0;
}.vendor-location-outbound-leads__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.vendor-location-outbound-leads__container .vendor-location-outbound-leads__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.vendor-location-outbound-leads__container .vendor-location-outbound-leads__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-location-outbound-leads-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.vendor-location-outbound-leads-filters .control-wrapper {
  padding: 0;
}.vendor-location-outbound-leads-left-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-location-outbound-leads-table__container {
  background-color: #F2F2F2;
}
.vendor-location-outbound-leads-table__container span.ant-table-row-indent,
.vendor-location-outbound-leads-table__container button.ant-table-row-expand-icon {
  display: none;
}

.vendor-location-outbound-leads-table__container .vendor-location-outbound-leads-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.vendor-location-outbound-leads-table__expanded-row-icon .vendor-location-outbound-leads-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-outbound-leads-table__expanded-row-icon .vendor-location-outbound-leads-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-outbound-leads-table__container .vendor-location-outbound-leads-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.vendor-location-outbound-leads-table__container .vendor-location-outbound-leads-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.vendor-location-tickets__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
}

.vendor-location-tickets__container .vendor-location-tickets__left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.vendor-location-tickets__container .vendor-location-tickets__content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-location-tickets-filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
}
.vendor-location-tickets-filters .control-wrapper {
  padding: 0;
}.vendor-location-tickets-left-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-location-tickets-table__container {
  background-color: #F2F2F2;
}
.vendor-location-tickets-table__container span.ant-table-row-indent, .vendor-location-tickets-table__container button.ant-table-row-expand-icon {
  display: none;
}

.vendor-location-tickets-table__container .vendor-location-tickets-table__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.vendor-location-tickets-table__expanded-row-icon .vendor-location-tickets-table__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-tickets-table__expanded-row-icon .vendor-location-tickets-table__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendor-location-tickets-table__container .vendor-location-tickets-table__product-column {
  max-width: 50px;
  z-index: var(--z-index-light);
}
.vendor-location-tickets-table__container .vendor-location-tickets-table__product-column a {
  display: inline-block;
  max-width: 550px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}.form-merge-vendor-locations {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 70vh;
}
.form-merge-vendor-locations .ant-modal-content__container {
  flex: 1;
}

.form-merge-vendor-locations .form-merge-vendor-locations__container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-big);
  min-height: 40vh;
}

.form-merge-vendor-locations .form-merge-vendor-locations__vendor-select__disabled .ant-select-selection-item {
  color: var(--color-danger-medium);
}

.form-merge-vendor-locations .form-merge-vendor-locations__locations {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}

.form-merge-vendor-locations .form-merge-vendor-locations__no-locations {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.form-merge-vendor-locations .form-merge-vendor-locations__footer {
  margin-top: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--gap-medium);
  padding: 10px 0;
}.vendor-create-location__container .vendor-create-location__icon {
  fill: var(--color-link);
}

.vendor-create-location__container:hover .vendor-create-location__icon {
  fill: var(--color-link-hover);
}.form-vendor-location-create .form-vendor-location-create__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-vendor-location-create .form-vendor-location-create__address-wrapper {
  flex: 4;
}

.form-vendor-location-create .form-vendor-location-create__accounting-info-wrapper {
  flex: 6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-edit-location__container .vendor-edit-location__icon {
  fill: var(--color-link);
}

.vendor-edit-location__container:hover .vendor-edit-location__icon {
  fill: var(--color-link-hover);
}.form-vendor-location-update .form-vendor-location-update__controls-container {
  margin: 16px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: var(--gap-huge);
}

.form-vendor-location-update .form-vendor-location-update__address-wrapper {
  flex: 4;
}

.form-vendor-location-update .form-vendor-location-update__accounting-info-wrapper {
  flex: 6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
}.vendor-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.vendor-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vendor-edit__container .vendor-edit__icon {
  fill: var(--color-link);
  width: 24px;
  height: 24px;
}

.vendor-edit__container:hover .vendor-edit__icon {
  fill: var(--color-link-hover);
}.vendor-locations__container {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  min-width: 326px;
  width: 326px;
}
.vendor-locations__container .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.vendor-locations__container .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.vendor-locations__container .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.vendor-locations__container .vendor-locations__filters {
  background-color: var(--color-white);
  z-index: var(--z-index-light);
  position: sticky;
  top: var(--header-height);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  padding: 8px;
}

.vendor-locations__container .vendor-locations__menu__overlay {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vendor-locations__container .vendor-locations__menu {
  flex: 1;
  width: 100%;
}

.vendor-locations__container .vendor-locations__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}

.vendor-locations__container .vendor-locations__item:hover {
  --edit-icon-fill-color: var(--color-link-hover);
  --edit-icon-opacity: 1;
}

.vendor-locations__container .vendor-locations__pagination {
  position: sticky;
  bottom: 0;
  margin-top: auto;
  background-color: var(--color-white);
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: var(--z-index-light);
}.vendor-location-menu-item__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-small);
}

.vendor-location-menu-item__container .vendor-location-menu-item__label {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.vendor-location-menu-item__container .vendor-location-menu-item__label-archived {
  text-decoration: line-through;
}

.vendor-location-menu-item__container .vendor-location-menu-item__primary {
  margin-left: auto;
  margin-right: 0;
}

.vendor-location-menu-item__container .vendor-location-menu-item__count {
  opacity: 0.5;
  margin-right: 0;
}.vendor-location-edit__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.vendor-location-edit__container .vendor-location-edit__label {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.vendor-location-edit__container .vendor-location-edit__label-archived {
  text-decoration: line-through;
}

.vendor-location-edit__container .vendor-location-edit__label-not-verified {
  color: var(--color-danger-medium);
}

.vendor-location-edit__container .ant-typography-edit {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vendor-location-edit__container .vendor-location-edit__icon {
  fill: var(--edit-icon-fill-color, var(--color-link));
  width: 16px;
  height: 16px;
  opacity: var(--edit-icon-opacity, 0.2);
}

.vendor-location-edit__container:hover .vendor-location-edit__icon {
  fill: var(--edit-icon-fill-color, var(--color-link-hover));
  opacity: var(--edit-icon-opacity, 1);
}.vendor-single-page__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  min-height: var(--min-content-height);
}

.vendor-single-page__container .vendor-single-page__location-menu {
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-small);
  width: 326px;
}
.vendor-single-page__container .vendor-single-page__location-menu .ant-menu-submenu-open {
  background-color: var(--color-background-light) !important;
}
.vendor-single-page__container .vendor-single-page__location-menu .ant-menu-sub.ant-menu-inline {
  background-color: var(--color-background-light) !important;
}
.vendor-single-page__container .vendor-single-page__location-menu .ant-menu-item-selected {
  background-color: var(--color-selected-table-row) !important;
}

.vendor-single-page__container .vendor-single-page__location-menu__item {
  --edit-icon-fill-color: var(--color-link);
  --edit-icon-opacity: 0.2;
}.vendors__container {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  padding: var(--content-padding) var(--content-padding) 0;
}.vendors-base-table-view__table {
  flex: 1;
  background-color: var(--color-white);
}
.vendors-base-table-view__table .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 32px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.vendors-base-table-view__container {
  background-color: #F2F2F2;
}
.vendors-base-table-view__container span.ant-table-row-indent,
.vendors-base-table-view__container button.ant-table-row-expand-icon {
  display: none;
}

.vendors-base-table-view__container .vendors-base-table-view__expanded-row-icon {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 24px;
  height: 55px;
  margin: -16px 0 -16px 8px;
}

.vendors-base-table-view__expanded-row-icon .vendors-base-table-view__expanded-row-icon__up {
  grid-area: 1/1/2/2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: var(--color-border);
}

.vendors-base-table-view__expanded-row-icon .vendors-base-table-view__expanded-row-icon__down {
  grid-area: 2/1/3/2;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--color-border);
}@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
.vendors-common-view-filters {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}

@media (min-width: 1440px) {
  .vendors-common-view-filters .vendors-common-view-filters__select-view {
    width: 220px;
  }
}

@media (min-width: 1360px) {
  .vendors-common-view-filters .vendors-common-view-filters__search {
    max-width: 410px;
  }
}

.vendors-common-view-filters .vendors-common-view-filters__select-view__container {
  padding: 0;
}

.vendors-common-view-filters .vendors-common-view-filters__create-vendor-button {
  margin-left: auto;
}.vendors-financial-table-view__container {
  flex: 1;
  background-color: var(--color-white);
}
.vendors-financial-table-view__container .ant-table-cell-fix-left-last {
  border-right: 1px solid var(--color-border);
}
.vendors-financial-table-view__container th.ant-table-cell {
  padding: 12px 8px !important;
}

.vendors-financial-table-view__container span.ant-table-row-indent,
.vendors-financial-table-view__container button.ant-table-row-expand-icon {
  display: none;
}

.vendors-financial-table-view__container .vendors-financial-table-view__expanded-row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-huge);
  padding-left: 46px;
}.vendor-financial-table-item__container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: auto;
  gap: 16px;
  min-height: 200px;
}
.vendor-financial-table-item__container .ant-table-thead {
  position: relative;
  top: unset;
  z-index: unset;
}@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
.vendors-financial-view-filters {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}

.vendors-financial-view-filters .vendors-financial-view-filters__row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
@media (min-width: 1440px) {
  .vendors-financial-view-filters .vendors-financial-view-filters__row {
    flex-flow: row wrap;
    align-items: center;
  }
}

@media (min-width: 1440px) {
  .vendors-financial-view-filters .vendors-financial-view-filters__select-view {
    width: 220px;
  }
}

@media (min-width: 1360px) {
  .vendors-financial-view-filters .vendors-financial-view-filters__search {
    max-width: 410px;
  }
}

.vendors-financial-view-filters .vendors-financial-view-filters__select-view__container {
  padding: 0;
}

.vendors-financial-view-filters .vendors-financial-view-filters__actions {
  margin-left: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
}

.vendors-financial-view-filters .vendors-financial-view-filters__reset-button {
  cursor: pointer;
  fill: var(--color-main-1);
}.vendors-financial-view__overdue-filter__container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-small);
  cursor: pointer;
}
.vendors-financial-view__overdue-filter__container .ant-btn-icon {
  margin-inline-end: 0 !important;
}

.vendors-financial-view__overdue-filter__container .vendors-financial-view__overdue-filter__count {
  padding: 2px 5px;
  border-radius: 13px;
  background-color: var(--color-danger-medium);
  color: var(--color-white);
  min-width: 22px;
}

.vendors-financial-view__overdue-filter__container .vendors-financial-view__overdue-filter__count__disabled {
  background-color: var(--color-background-disabled);
  color: var(--color-secondary);
}@media screen and (width < 1024px) {
  .hide-sub-xs {
    display: none;
  }
}
@media screen and (width < 1280px) {
  .hide-sub-sm {
    display: none;
  }
}
@media screen and (width < 1360px) {
  .hide-sub-md {
    display: none;
  }
}
@media screen and (width < 1440px) {
  .hide-sub-lg {
    display: none;
  }
}
@media screen and (width < 1680px) {
  .hide-sub-xl {
    display: none;
  }
}
@media screen and (width < 1920px) {
  .hide-sub-xxl {
    display: none;
  }
}
.vendors-payment-view-filters {
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-light);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
  background-color: var(--color-white);
  padding: 16px;
}

.vendors-payment-view-filters .vendors-payment-view-filters__row {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}
@media (min-width: 1440px) {
  .vendors-payment-view-filters .vendors-payment-view-filters__row {
    flex-flow: row wrap;
    align-items: center;
  }
}

@media (min-width: 1440px) {
  .vendors-payment-view-filters .vendors-payment-view-filters__select-view {
    width: 220px;
  }
}

@media (min-width: 1360px) {
  .vendors-payment-view-filters .vendors-payment-view-filters__search {
    max-width: 410px;
  }
}

.vendors-payment-view-filters .vendors-payment-view-filters__select-view__container {
  padding: 0;
}

.vendors-payment-view-filters .vendors-payment-view-filters__create-vendor-button {
  margin-left: auto;
}

.vendors-payment-view-filters .vendors-payment-view-filters__reset-button {
  margin-left: auto;
  cursor: pointer;
  fill: var(--color-main-1);
}.vendors-payment-table-view__content {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-medium);
}

.vendors-payment-table-view__content .vendors-payment-table-view__summary__container {
  background-color: var(--color-white);
  min-width: 200px;
}

.vendors-payment-table-view__summary {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 80px);
  z-index: var(--z-index-light);
  padding: 8px 16px;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--gap-small);
}

.vendors-payment-table-view__summary .vendors-payment-table-view__summary__total {
  grid-column: span 2;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
}

.vendors-payment-table-view__summary .vendors-payment-table-view__summary__period__container {
  cursor: pointer;
}

.vendors-payment-table-view__summary .vendors-payment-table-view__summary__period {
  font-size: 11px;
  color: var(--color-secondary);
}

.vendors-payment-table-view__summary .vendors-payment-table-view__summary__period__total {
  font-weight: 600;
  font-size: 10px;
}

.vendors-payment-table-view__summary .vendors-payment-table-view__summary__period__invoices {
  font-size: 10px;
}

.vendors-payment-table-view__container {
  flex: 1;
  background-color: var(--color-white);
}
.vendors-payment-table-view__container .ant-table-thead {
  position: sticky;
  top: calc(var(--header-height) + 16px + 16px + 80px);
  z-index: var(--z-index-light);
  background-color: var(--color-white);
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

.vendors-payment-table-view__container span.ant-table-row-indent,
.vendors-payment-table-view__container button.ant-table-row-expand-icon {
  display: none;
}

.vendors-payment-table-view__container .vendors-payment-table-view__expanded-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-huge);
  padding-left: 46px;
}

.vendors-payment-table-view__container .vendors-payment-table-view__no-check {
  padding: 0 7px;
}

.vendors-payment-table-view__container .vendors-payment-table-view__shortened-column {
  display: inline-block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.vendors-payment-table-view__container .vendors-payment-table-view__customer-good {
  color: var(--color-success);
}

.vendors-payment-table-view__container .vendors-payment-table-view__customer-bad {
  color: var(--color-danger-medium);
}.vendor-payment-release-component__container {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
}

.vendor-payment-release-component__container .vendor-payment-release-component__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--gap-medium);
}

.vendor-payment-release-component__container .vendor-payment-release-component__calendar-container {
  position: relative;
  align-self: center;
}

.vendor-payment-release-component__container .vendor-payment-release-component__disabled-calendar {
  pointer-events: none;
}

.vendor-payment-release-component__container .vendor-payment-release-component__calendar-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--color-background-disabled);
}

.vendor-payment-release-component__container .vendor-payment-release-component__lock-button {
  position: absolute;
  left: 5px;
  bottom: -31px;
}