@import './variables.scss';

.el-select .el-input .el-icon-arrow-up:before{
    content: "\e78f";
}
.el-cascader .el-input .el-icon-arrow-down:before{
    content: "\e790";
}
.el-select-dropdown .popper__arrow {
    left: auto!important;
    right: 10px;
}
.el-select-dropdown__list {
padding: 5px 0;
}

.el-select-dropdown__item {
height: 32px;
line-height: 32px;
padding: 0 10px;
span {
 padding-left: 5px;
}
}
.el-select-dropdown__item:hover {
background-color: #f5f5f5;
}
.el-select-dropdown,.el-popper {
margin-top: 10px!important;
}
.sample-select-popper {
height: 57px!important;
.sample-select-popper-line {
 height: 0px;
 border-bottom: 1px solid #dbdbdb;
}
.sample-select-popper-second-span {
 vertical-align: top;
 line-height: 24px;
 font-size: 12px;
}
}
.el-select__tags {
    .el-tag {
        margin-left: 10px;
        color: $blue;
        border:1px solid $blue;
        height: 24px;
        line-height: 22px;
        background-color: #fff;
        .el-tag__close {
            background-color:rgba(0,0,0,0);
        }
        .el-tag__close:hover {
            background-color:rgba(0,0,0,0);
        }
        .el-tag__close::before {
            color: $blue;
        }
        .el-tag__close.el-icon-close{
            top:-1px;
        }
        
    }
    .el-tag:hover {
        background-color: $blue;
        color:#fff; 
        .el-tag__close::before {
            color: #fff;
        }
    }
}
.is-multiple {
    .el-scrollbar {
        .el-select-dropdown__item {
            span {
                padding-left: 24px;
            }       
        }
        .el-select-dropdown__item.selected::after {
            left: 10px;
            top: 9px;
            width: 12px;
            height: 12px;
            border: 1px solid  $blue;
            border-radius: 4px;
            background-color: $blue;
            line-height: 12px;
            color: #fff
        }
        .el-select-dropdown__item::after {
            content: " ";
            position: absolute;
            left: 10px;
            top: 9px;
            width: 12px;
            height: 12px;
            border: 1px solid  $blue;
            border-radius: 4px;
            line-height: 12px;
            

        }
    }
}
.is-multiple .el-scrollbar .el-select-dropdown__item span::before {

}