@import "../checkbox/index.less";
@import "../input/index.less";
@import "../dropdown/index.less";
@import "../tagInput/index.less";

.layui-select {
  width: 220px;
  cursor: pointer;
  .layui-tag-input{
    width: 220px;
    &-clear{
      visibility: unset;
    }
  }
}

.layui-unselect * {
  cursor: pointer;
}

.layui-select-content {
  max-height: 300px;
  padding: 5px 0px;
  overflow: auto;
}

.layui-select .layui-icon-triangle-d {
  transition: all .3s;
  -webkit-transition: all .3s;
  color: var(--global-neutral-color-8);
}

.layui-select .layui-icon-triangle-d.triangle {
  transform: rotate(180deg);
}

.layui-select-content .layui-select-option {
  padding: 0 10px;
  line-height: 36px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.layui-select-content .layui-select-option.layui-disabled {
  color: var(--global-neutral-color-6)!important;
  cursor: not-allowed!important;  
}

.layui-select-content .layui-select-option .layui-form-checkbox[lay-skin="primary"] {
  padding-left: 12px;
}

.layui-select-content .layui-select-option.layui-this {
  background-color: var(--global-neutral-color-2);
  color: var(--global-checked-color);
  font-weight: 700;
}

.layui-select-content .layui-select-option:hover {
  background-color: var(--global-neutral-color-2);
}

.layui-select-content .layui-select-option .layui-checkbox{
  margin-right: 10px;
}

.layui-select-search {
  padding: 5px 10px;
}