.over-flow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.over-flow-ellipsis-multi-row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.clear-fix {
  zoom: 1;
}

.clear-fix::after {
  content: '';
  display: block;
  width: 0;
  clear: both;
}

.devui-close {
  float: right;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  color: $devui-text;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  opacity: 0.2;

  &:hover,
  &:focus {
    color: $devui-text;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
}

button.devui-close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

a:hover,
a:focus {
  color: $devui-link;
}

a:active,
a:hover {
  outline: 0;
}

.devui-link {
  color: $devui-link;

  &:hover {
    color: $devui-link;
    text-decoration: underline;
    cursor: pointer;
  }
}

.devui-link-light {
  color: $devui-link-light;

  &:hover {
    color: $devui-link-light;
    text-decoration: underline;
    cursor: pointer;
  }
}

.devui-disabled {
  &,
  &.devui-input-group-addon {
    border-color: $devui-disabled-line;
  }

  &,
  & > input,
  & > .devui-input-group-addon {
    color: $devui-disabled-text;
    background-color: $devui-disabled-bg;
    cursor: not-allowed;
  }
}

.devui-body-scrollblock {
  width: 100%;
}

.devui-body-overflow-hidden {
  overflow: hidden;
}

.devui-data-table {
  .devui-table-title {
    font-weight: bold;
  }

  .devui-table-link {
    &:hover {
      text-decoration: underline;
      cursor: pointer;
      color: $devui-link;
    }

    a {
      color: inherit;
    }
  }
}

.devui-design-no-data {
  display: flex;
  height: calc(100vh - 523px);
  margin-top: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

[dShapeIconHoverable] {
  &.devui-shape-icon {
    color: $devui-shape-icon-fill;
  }

  &.devui-shape-icon:hover {
    color: $devui-shape-icon-fill-hover;
  }
}
