SQ-UI/ng-sq-ui

@import "../../../../ng-sq-common/src/lib/styles/colors.scss";

.sq .input-field.dropdown  {
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  &:hover {
    cursor: pointer;
  }
  .options {
    width: 100%;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: scroll;
  }
  .options .option {
    padding: 5px 10px;
    &:hover {
      cursor: pointer;
      background-color: $box-shadow-color;
    }
  }
  .dropdown-icon {
    position: absolute;
    right: 11px;
    top: 11px;
  }
}

@media (max-width: 450px) {
  .sq .input-field.dropdown {
    .chosen-item {
      margin-top: 10px;
    }
  }
}