@import "./global.less";
@import "iconfont.less";
.k-select {
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    color: #495060;
    font-size: 12px;
    .k-select-selection {
        //border-radius: @radius;
        position: relative;
        z-index: 9;
        display: block;
        min-height: 30px;
        height: auto;
        padding: 5px;
        overflow: hidden;
        outline: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #dddee1;
        border-radius: 2px;
        transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
        box-sizing: border-box;
    }
    /*  .k-select-placeholder {
      color: #888;
   } */
    /* .k-select-placeholder, */
    .k-select-label {
        display: block;
        width:100%;
        // height: 30px;
        // line-height: 30px;
        // padding-left: 8px;
        // padding-right: 34px;
        height: 18px;
        line-height: 18px;
        padding-left: 3px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border: none;
        background: transparent;
        text-align: left;
        // box-sizing: border-box;
    }
    .k-select-arrow {
        font-size: 23px;
        position: absolute;
        bottom: 4px;
        right: 0;
        height: 18px;
        line-height: 18px;
        // -moz-box-sizing: border-box;
        // box-sizing: border-box;
        text-align: center;
        pointer-events: none;
        &:after {
            // position: absolute;
            // top: 0;
            // right: 0;
            // height: 30px;
            // width: 30px;
            // line-height: 30px;
            // font-size: 30px;
            content: '\e604';
            font-family: iconfont;
            color: @aaa;
            transition: all .3s ease-in-out;
        }
    }

}
.k-select-dropdown {
    user-select: none;
    //border-radius: @radius;
    width: inherit;
    max-height: 200px;
    overflow: auto;
    background-color: #fff;
    border:1px solid #dddee1;
    border-top:none;
    box-sizing: border-box;
    //box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 1001;
    .k-select-item {
        margin: 0;
        padding-left: 8px;
        width: 100%;
        height:28px;
        line-height: 28px;
        color: @333;
        font-size: 12px;
        clear: both;
        white-space: nowrap;
        list-style: none;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
        &:hover {
            background: #e2eeff;
        }
    }
    .k-select-item-selected {
        //background: @main;
        color: @main;
        /* &:hover {
            background: @main;
        } */
    }
    .k-select-item-disabled {
        background: #f5f5f5;
        color: #b2b2b2;
    }
    .k-select-item-nodata{
        color: @999;
        background: #eee;
    }
    .k-select-item-high{
        color: @primary;
    }
}
.k-select-open {
    .k-select-selection {
        border-color: @primary;
    }
    .k-select-arrow {
        transform: rotate(180deg);
    }
}

.k-select-disabled {
    .k-select-selection {
        background: #f5f5f5;
        cursor: not-allowed;
    }
    .k-select-arrow{
        background: #f5f5f5;
    }
}
/* 标签选择器 */
.k-select-selection{
    .k-tag{
        margin: 0px 11px 5px 0;
    }
}
.k-select-word-dropdown{
  z-index: 1;
  width: auto;
  height: auto;
  max-height: inherit;
  border: 0;
}