@import '../../constants/style/color';

.ddOverlay {
  width: auto !important;
  min-width: auto !important;
}

.ddHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 6px 1px 8px;
}

.ddHeader,
.ddItem.ddItemHeader {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  font-family: 'Open Sans Bold', serif;
}

.ddItem {
  font-size: 13px;
  margin: 4px 0px;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ddItem .ddItemTextChildrenContainer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ddItem:hover {
  cursor: pointer;
}

.ddItem.ddItemSelected,
.ddItem:hover {
  background-color: #E6F0FA;
}

.ddItemMinimal:hover {
  background-color: transparent;
  color: $primary-text-hover;
}

.ddItemDisabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.ddItemDisabled:hover, .ddItemReadonly:hover {
  cursor: no-drop;
  background-color: transparent;
}

.ddItemRightIconContainer {
  min-width: 13px;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.ddItemLeftIconContainer {
  min-width: 13px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

.ddSplitter {
  width: 100%;
  height: 1px;
  background-color: #dedede;
  margin: 4px 0;
}

.ddItemWithLeftIcon {
  justify-content: start;
}

.ddContent {
  max-height: 80vh;
  overflow: auto;
}

/*
 * Default Intent
 */

.ddItemIntentDefault {}

/*
 * Danger Intent
 */

.ddItemIntentDanger {
  color: $danger;

  &.ddItemMinimal:hover {
    color: $danger-light;
  }
}