@import './../../../scss/sipsd-animation.scss';
$border-color:#d2d2d2;
$background-color:#f8f8f8;
.sipsd-normal-select-host {
    width: 100%;
    height: 100%;
    /deep/ {
        * {
            box-sizing: border-box;
        }
    }
}

.sipsd-multiSelect {
    width: 100%;
    height: 100%;
    position: relative;
    font-family: Microsoft Yahei;
}

.input-div {
    width: 100%;
    height: 100%;
    cursor: pointer;
    input {
        width: 100%;
        height: 100%;
        color: #000;
        padding: .4rem .99rem .4rem .75rem;
        border: 1px solid $border-color;
        background-color: #fff;
        &.form-control {
            border-radius: 0px;
            cursor: pointer;
            font-size: 14px;
            &:focus {
                box-shadow: none;
            }
        }
    }
}

.select-icon {
    position: relative;
    height: 34px;
    display: block;
    margin: -34px 6.5px 0 0;
    line-height: 34px;
    text-align: right;
}

.select-list {
    position: absolute;
    z-index: 100;
    border: 1px solid $border-color;
    font-size: 14px;
    font-weight: normal;
    user-select: none;
    background-color: #fff;
    transition-property: height, padding, border-width;
    transition-duration: .55s;
}

.select-list-show {
    padding: .4rem 0;
    .custom-checkbox,
    .radio {
        height: 18px;
        margin-bottom: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
        opacity: 1;
    }
    .select-all,
    .inverse-choices {
        height: 30px;
    }
}

.select-list-hide {
    border-width: 0;
    .custom-checkbox,
    .radio,
    .select-all,
    .inverse-choices {
        height: 0;
    }
    .custom-checkbox,
    .radio {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        opacity: 0;
    }
}

label {
    padding-left: 0.5rem;
    cursor: pointer;
}

.radio {
    display: block;
    height: 18px;
    line-height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 0;
    transition: height .55s, opacity .5s;
    &.selected,
    &:hover {
        color: #fff;
        background-color: #0593d3;
    }
}

.checkbox {
    display: flex;
    align-items: center;
    height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 18px;
    font-weight: normal;
}

// 复选框
.custom-checkbox {
    width: 100%;
    margin-bottom: 2px;
    transition: height .55s, opacity .5s;
    span {
        font-weight: normal;
        margin-left: 3px;
        &:before {
            color: #000;
            border-color: $border-color;
        }
    }
}

.listItemsEleRef {
    overflow: hidden;
}

.select-all,
.inverse-choices {
    background-color: #ebedf0;
    height: 30px;
    line-height: 30px;
    float: left;
}

.checkbox-sign {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #fff;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAB+CAYAAABRR0/XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjA0QTdBMDkxQkZFMzExODQ5Qjk0QTJGMTk1NkQ0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNTczODMyQ0MwOTgxMUUzQjkzMEMwREQ1QzNCRDhBRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNTczODMyQkMwOTgxMUUzQjkzMEMwREQ1QzNCRDhBRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMDRBN0EwOTFCRkUzMTE4NDlCOTRBMkYxOTU2RDRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQyMDRBN0EwOTFCRkUzMTE4NDlCOTRBMkYxOTU2RDRBIi8+IDwvcmRmOkRlc2NyaXB0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");
    background-repeat: no-repeat;
    background-position: -5.5px -5px;
    ;
}

.checkbox-sign-checked {
    background-position-x: -26.5px;
}