.fieldValues:empty::before {
  content: '--';
}

.flatpickr-input.fieldValues:empty::before {
  content: '' !important;
}

.fieldValues {
  font-size: clamp(15px, 1.172vw, 1.172vw);
  font-weight: 400;
  font-family: 'Lato-Regular';
  line-height: 1.4;
  color: #747474;
  margin-bottom: 0 !important;
}

.multiple-fields {
  display: flex;
  flex-direction: row;
  column-gap: clamp(10px, 0.781vw, 0.781vw);
}

.single-fields {
  display: flex;
  flex-direction: column;
}

.fieldLabels {
  font-weight: 500;
  font-family: 'Lato-Bold';
  line-height: 1.4;
  color: #747474;
  margin-bottom: 0 !important;
  font-size: clamp(14px, 1.094vw, 1.094vw) !important;
}

.typeahead-col-multi-value .first-value {
  width: 100%;
  border-bottom: 1.5px dashed #212529;
  padding-bottom: 0.180vw;
}

.tt-suggestion:hover .typeahead-col-multi-value .first-value,
.tt-suggestion.tt-cursor .typeahead-col-multi-value .first-value {
  border-color: white;
}

.typeaheadHeaderDiv {
  border-bottom: 1px solid #5c5c5c;
}

.tt-dataset {
  /* padding-top: clamp(5px, 0.391vw, 0.391vw) !important; */
  overflow-y: auto;
  height: auto;
  max-height: clamp(300px,23.438vw,23.438vw);
}

.typeaheadListDiv div,
.typeaheadHeaderDiv div {
  padding-right: clamp(5px, 0.391vw, 0.391vw) !important;
}
.itemSearchHintWrap{
  display: flex;
  flex-direction: column !important;
}
.typeaheadListDiv,
.typeaheadHeaderDiv {
  display: flex;
  padding: clamp(5.005px, 0.391vw, 0.391vw) clamp(5.005px, 0.391vw, 0.391vw) 0 clamp(5.005px, 0.391vw, 0.391vw) !important;
  /* padding: 0px clamp(5.005px, 0.391vw, 0.391vw) !important; */
  flex-flow: row wrap;
}
/* .tt-menu{
  margin-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
} */
.typeaheadHeaderDiv{
  padding-bottom: clamp(5.005px, 0.391vw, 0.391vw) !important;
}
.itemSearchHintWrap .hintLabel{
  font-family: 'Lato-Regular';
  font-size: 12px;
  font-weight: 400;
  color: #31473a;
  margin-bottom: 0px;
}
.itemSearchHintWrap .hint{
  padding: clamp(2.002px, 0.278vh, 0.278vh) !important;
  font-size: 12px;
  color: #81797e;
  font-family: 'Lato-Regular';
  font-weight: 400;
  display: inline-block;
  white-space: pre-wrap;
}
.typeaheadListDiv .child-row {
  width: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
}

.typeaheadListDiv div span.tagType {
  padding: clamp(2px, 0.156vw, 0.156vw) clamp(11px, 0.859vw, 0.859vw) !important;
  font-size: clamp(12px, 0.938vw, 0.938vw);
  text-transform: lowercase;
}

.typeaheadListDiv:hover div span.spareTag .tt-highlight {
  background: white !important;
  color: var(--spareTagColor) !important;
}

.typeaheadListDiv:hover div span.assetTag .tt-highlight {
  background: white !important;
  color: var(--assetTagColor) !important;
}


.typeaheadListDiv:hover div span.assetTag {
  background: white !important;
  color: var(--assetTagColor) !important;
  border: 1px solid var(--assetTagColor);
}

.typeaheadListDiv:hover div span.spareTag {
  background: white !important;
  color: var(--spareTagColor) !important;
  border: 1px solid var(--spareTagColor);
}

.typeaheadListDiv .portName,
.typeaheadListDiv .firstColumn,
.typeaheadListDiv .thirdColumn,
.typeaheadHeaderDiv .portName,
.typeaheadHeaderDiv .firstColumn,
.typeaheadHeaderDiv .thirdColumn {
  width: 50%;
}

.typeaheadListDiv .portCountry,
.typeaheadHeaderDiv .portCountry {
  width: 25%;
}

.typeaheadListDiv .portCode,
.typeaheadHeaderDiv .portCode,
.typeaheadListDiv .secondColumn,
.typeaheadHeaderDiv .secondColumn {
  width: 25%
}

.typeaheadListDiv div span {
  padding: clamp(2.002px, 0.278vh, 0.278vh) !important;
  font-size: clamp(14px, 0.977vw, 0.977vw);
  color: #81797e;
  font-family: 'Lato-Regular';
  font-weight: 400;
  display: inline-block;
}

.typeaheadListDiv div span.tagType {
  padding: clamp(2px, 0.156vw, 0.156vw) clamp(11px, 0.859vw, 0.859vw) !important;
  font-size: clamp(12px, 0.938vw, 0.938vw);

}

.typeaheadListDiv:hover div span.spareTag {
  background: white !important;
  color: var(--spareTagColor) !important;
  border: 1px solid var(--spareTagColor);
}

.typeaheadListDiv:hover div span.spareTag {
  background: white !important;
  color: var(--spareTagColor) !important;
  border: 1px solid var(--spareTagColor);
}

.typeaheadListDiv {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  line-height: 1.15;
}
.productDescriptionDetails .typeaheadListDiv{
  margin-bottom: 5px !important;

}
.typeaheadHeaderDiv div h3 {
  padding: clamp(2px, 0.156vw, 0.156vw) !important;
  font-family: 'Lato-Bold';
  font-size: clamp(13px, 1.016vw, 1.016vw);
  font-weight: 800;
  color: #31473a;
  margin-bottom: 0px;
}

/* .typeaheadHeaderDiv{
    padding-top: clamp(5px, 0.391vw, 0.391vw) !important;
} */
.tt-menu {
  min-height: clamp(150px, 20.833vh, 20.833vh);
  margin-top: 2px;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 5px 4px 0px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #ced4da;
}

.typeaheadListDiv:hover div span .tt-highlight,
.typeaheadListDiv:hover div span,
.tt-suggestion.tt-cursor div span .tt-highlight,
.tt-suggestion.tt-cursor div span {
  color: white !important;
  font-weight: 300;
}

.typeaheadListDiv:hover .subattrValue.Warranty::after {
  color: white !important;
}

.tt-menu {
  width: 100%;
}

.primary-Label {
  font-family: "NunitoSans-Light" !important;
  color: #52B5F2 !important;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(14px, 1.094vw, 1.094vw);
}