.enquiry-select {
  min-width: 200px;
  min-height: 32px;
  max-height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--color-gray-400);
  border-radius: 6px;
  background-color: var(--color-white);
  appearance: none;
}

/* if select is DIV */
div.enquiry-select {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  flex-direction: row;
}

div.enquiry-select .enquiry-select__text {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: var(--color-gray-900);
}

div.enquiry-select .material-symbols-outlined {
  margin-left: auto;
}

.enquiry-select:not(:valid),
div.enquiry-select.not-valid {
  color: var(--color-gray-400);
}

.enquiry-select option:not(:first-child) {
  color: var(--color-gray-900);
}

.enquiry-select option:first-child:not(.not-empty) {
  color: var(--color-gray-400);
}

.enquiry-select::placeholder {
  color: var(--color-gray-400);
}

.enquiry-select:hover,
.enquiry-select:valid {
  border-color: var(--color-gray-600);
}

.enquiry-select:focus,
div.enquiry-select.focus {
  border-color: var(--color-brand-blue-500);
}

.enquiry-select:disabled,
div.enquiry-select.disabled,
div.enquiry-select[disabled] {
  border-color: var(--color-gray-200);
  background-color: var(--color-gray-75);
  cursor: not-allowed;
}

.enquiry-select.width-full {
  width: 100%;
  min-width: 100%;
}

.enquiry-select.width-xxxl {
  width: 505px;
  min-width: 505px;
}

.enquiry-select.width-xxl {
  width: 392px;
  min-width: 392px;
}

.enquiry-select.width-xl {
  width: 249px;
  min-width: 249px;
}

.enquiry-select.width-l {
  width: 221px;
  min-width: 221px;
}

.enquiry-select.width-n {
  width: 200px;
  min-width: 200px;
}

.enquiry-select.width-s {
  width: 155px;
  min-width: 155px;
}

.enquiry-select.width-xs {
  width: 135px;
  min-width: 135px;
}

.enquiry-select.width-128 {
  width: 128px;
  min-width: 128px;
}

.enquiry-select.width-xxs {
  width: 64px;
  min-width: 64px;
}

/* DHTMLX OVERWRITE STYLES */
div.dhxcombo_material.enquiry-select-dhtmlx {
  min-width: 200px;
  min-height: 32px;
  max-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--color-gray-400);
  border-radius: 6px;
  background-color: var(--color-white);
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-full {
  width: 100% !important;
  min-width: 100% !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-xxxl {
  width: 505px !important;
  min-width: 505px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-xxl {
  width: 392px !important;
  min-width: 392px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-xl {
  width: 249px !important;
  min-width: 249px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-l {
  width: 221px !important;
  min-width: 221px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-206 {
  width: 206px !important;
  min-width: 206px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-n {
  width: 200px !important;
  min-width: 200px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-s {
  width: 155px !important;
  min-width: 155px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-xs {
  width: 135px !important;
  min-width: 135px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx.width-xxs {
  width: 64px !important;
  min-width: 64px !important;
}

div.dhxcombo_material.enquiry-select-dhtmlx input.dhxcombo_input {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;

  position: absolute;

  left: 12px;

  box-sizing: border-box;
  width: calc(100% - 16px) !important;
  height: 30px;
  min-height: 30px;

  max-height: 30px;
  margin: 0;
  padding: 6px 20px 6px 0;
  border: none;
  background: transparent;
  letter-spacing: 0.2px;
  outline: none;

  cursor: pointer;
  color: var(--color-gray-900);
}

div.dhxcombo_material.enquiry-select-dhtmlx.enquiry-select-dhtmlx--small {
  min-height: 28px;
  max-height: 28px;
  padding: 0 8px;
}

div.dhxcombo_material.enquiry-select-dhtmlx.enquiry-select-dhtmlx--small input.dhxcombo_input {
  left: 8px;
  min-height: 26px;
  max-height: 26px;
  padding: 4px 20px 4px 0;
}

div.dhxcombo_material.enquiry-select-dhtmlx input.dhxcombo_input::placeholder {
  color: var(--color-gray-400);
}

div.dhxcombo_material.enquiry-select-dhtmlx:hover:not(.dhxcombo_disabled) {
  border: 1px solid var(--color-gray-600);
}

div.dhxcombo_material.enquiry-select-dhtmlx:focus,
div.dhxcombo_material.dhxcombo_actv.enquiry-select-dhtmlx {
  border: 1px solid var(--color-brand-blue-500);
}

div.dhxcombo_material.enquiry-select-dhtmlx:disabled {
  border: 1px solid var(--color-gray-200);
  background-color: var(--color-gray-75);
}

/* image-icon */
div.dhxcombo_material.enquiry-select-dhtmlx div.dhxcombo_select_button {
  font-size: 1px;
  position: absolute;
  top: 5px;

  right: 5px;
  bottom: 5px;
  width: 20px;

  height: 20px;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}

div.dhxcombo_material.enquiry-select-dhtmlx.enquiry-select-dhtmlx--small div.dhxcombo_select_button {
  top: 3px;
  right: 3px;
  bottom: 3px;
}

div.dhxcombo_material.enquiry-select-dhtmlx div.dhxcombo_select_button div.dhxcombo_select_img {
  width: 20px;
  height: 20px;
}

/* disabled */
div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx,
div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx input.dhxcombo_input,
div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx div.dhxcombo_select_button,
div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx div.dhxcombo_select_button div.dhxcombo_select_img {
  cursor: not-allowed;
}

div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx:hover,
div.dhxcombo_material.dhxcombo_disabled.enquiry-select-dhtmlx {
  border: 1px solid var(--color-gray-200);
  background-color: var(--color-gray-75);
  opacity: 1;
  cursor: not-allowed;
}

div.dhxcombolist_material {
  /*padding-bottom: 44px;*/
  position: relative;
  box-sizing: border-box;
}

div.dhxcombo_material.enquiry-select-dhtmlx.error {
  border-color: var(--color-red-700);
  color: var(--color-red-700);
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_option_text {
  display: flex;
  align-items: center;
}

.dhxcombolist-static-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;

  height: 44px;
  padding: 6px 8px;

  border-top: 1px solid var(--color-gray-200);
  background-color: var(--color-white);
  gap: 10px;
}

.dhxcombolist-static-item .note {
  font-family: var(--font);
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  box-sizing: border-box;
  letter-spacing: 0.2px;
  color: var(--color-gray-500);
}

.enquiry-dropdown {
  position: fixed;
  z-index: 100000;
  /*max-height: 150px;*/
  /*overflow-y: auto;*/
  padding: 4px 0;

  border-radius: 4px;
  /* Shadow M */
  background: var(--color-white);
  box-shadow: 1px 2px 10px 2px rgba(16, 28, 91, 0.2);
  overflow-x: hidden;
}

.enquiry-dropdown__content {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

.enquiry-dropdown__item {
  font-family: var(--font);
  font-size: 14px;

  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  display: flex;
  align-items: center;
  min-width: 190px;
  height: 36px;
  padding: 0 16px;

  text-decoration: none;
  letter-spacing: 0.2px;
  cursor: pointer;
  user-select: none;
  gap: 12px;
  color: var(--color-gray-900);
}

.enquiry-dropdown__item.selected {
  background-color: var(--color-brand-blue-75);
}

.enquiry-dropdown__item:hover {
  background-color: var(--color-gray-300);
}

.enquiry-dropdown__item.enquiry-dropdown__item--min-width-auto {
  min-width: auto;
}

.enquiry-dropdown__item.disabled {
  background-color: transparent;
  cursor: not-allowed;
  color: var(--color-gray-300);
}

.enquiry-dropdown__line {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background-color: var(--color-gray-200);
}

.enquiry-dropdown.error {
  border-color: var(--color-red-700);
  color: var(--color-red-700);
}

.enquiry-dropdown.error::after {
  color: var(--color-red-700);
}