/*
 * @Author            : lusx 
 * @Date              : 2020-03-02 14:59:45 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-04-02 11:13:50
 */
@p: prj-select;

.@{p}-wraps {
    // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
    // -webkit-font-smoothing : antialiased;
    // -moz-osx-font-smoothing: grayscale;

    .@{p}-project_select {
        font-size          : 15px;
        color              : #606060;
        padding-left       : 15px;
        height             : 100%;
        -webkit-user-select: none;
        user-select        : none;

        .@{p}-dropdown-select-label {
            margin-right: 5px;
            color       : #606060;

            &:hover {
                color: #338fe5;
            }
        }
    }
}

.@{p}-project_select {
    color       : #b7b8b9;
    padding-left: 20px;
    font-size   : 15px;
    transition  : 0.2s;
    position    : relative;

    .@{p}-dropdown-select-selected-item {
        font-size    : 15px;
        max-width    : 210px;
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
        margin-left: -5px;
    }

}

.@{p}-dropdown-select {
    font-size             : 18px;
    color                 : #303030;
    font-weight           : 500;
    cursor                : pointer;
    display               : -webkit-flex;
    display               : flex;
    -webkit-flex-direction: row;
    flex-direction        : row;
    -webkit-align-items   : center;
    align-items           : center;

    .@{p}-dropdown-select-selected-item {
        display               : -webkit-flex;
        display               : flex;
        -webkit-flex-direction: row;
        flex-direction        : row;
        -webkit-align-items   : center;
        align-items           : center;

        .@{p}-dropdown-select-selected-item-menu {
            -webkit-transform: translateY(0.5px);
            transform        : translateY(0.5px);
            max-width        : 180px;
            overflow         : hidden;
            text-overflow    : ellipsis;
            white-space      : nowrap;

            a {
                font-size: 15px !important;
                text-decoration: none !important;
                transition     : 0.2s;
            }
        }

        .anticon {
            font-size  : 10px;
            font-weight: bold;

            &:hover {
                color: #338fe5;
            }
        }
    }
}

.@{p}-filterable-menu {
    margin                : 0;
    min-height            : 0;
    -webkit-flex          : 1 1 auto;
    flex                  : 1 1 auto;
    height                : 100%;
    display               : -webkit-flex;
    display               : flex;
    -webkit-flex-direction: column;
    flex-direction        : column;

    .input-area {
        display            : -webkit-flex;
        display            : flex;
        -webkit-flex-shrink: 0;
        flex-shrink        : 0;
        margin             : 10px 10px 0 10px;

        input {
            // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
            // -webkit-font-smoothing : antialiased;
            // -moz-osx-font-smoothing: grayscale;
            font-size              : 14px;
            color                  : #303030;
            line-height            : 1.5;
            
        }
        .search-input {
            width        : 100%;
            height       : 34px;
            border-radius: 3px;

            .icon-search {
                color: #909090;
            }

            .search-input-clear-icon-wrapper {
                display            : -webkit-flex;
                display            : flex;
                -webkit-align-items: center;
                align-items        : center;
                width              : 28px;
                position           : absolute;
                right              : 4px;
                top                : 0;
                height             : 100%;

                .search-input-clear-icon {
                    color      : rgba(0, 0, 0, 0.25);
                    position   : absolute;
                    width      : 28px;
                    line-height: 26px;
                    text-align : center;
                    font-size  : 16px;
                    cursor     : pointer;
                }
            }
        }
    }

    .menu-area {
        display               : -webkit-flex;
        display               : flex;
        -webkit-flex-direction: column;
        flex-direction        : column;
        -webkit-flex          : 1 1 auto;
        flex                  : 1 1 auto;
        height                : 100%;
        overflow-y            : hidden;

        .ant-menu-item-group-title {
            padding: 0 10px;
        }

        div {
            // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
            // -webkit-font-smoothing : antialiased;
            // -moz-osx-font-smoothing: grayscale;
            font-size              : 14px;
        }

        a {
            // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
            // -webkit-font-smoothing : antialiased;
            // -moz-osx-font-smoothing: grayscale;
            font-size              : 14px;
        }

        .@{p}-noone {
            color: #999;
        }

        .ant-menu-item-group {
            &:not(:first-child) {
                margin-top: 15px;
            }
        }

        .ant-menu-item-group-list {
            >.ant-menu-item {
                // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
                // -webkit-font-smoothing : antialiased;
                // -moz-osx-font-smoothing: grayscale;
                height                 : 34px;
                padding                : 0 8px 0 14px;
                font-size              : 14px;
                line-height            : 34px;

                a {
                    &:hover {
                        color: #64aaeb;
                    }
                }
            }

            .ant-menu-item-selected {
                >a {
                    color: #338fe5;
                }

                .@{p}-noone {
                    color: #999;
                }
            }

            .ant-menu-item-active {
                .@{p}-noone {
                    &:hover {
                        color : #999;
                        cursor: text;
                    }
                }
            }

        }

        .ant-menu {
            box-shadow            : none;
            display               : -webkit-flex;
            display               : flex;
            -webkit-flex-direction: column;
            flex-direction        : column;
            overflow-x            : hidden;
            overflow-y            : auto;
            -webkit-flex          : 1 1 auto;
            flex                  : 1 1 auto;
            padding               : 14px 0 5px 0;
            height                : 100%;
        }

        .view-all {
            width      : 100%;
            color      : #606060;
            text-align : center;
            height     : 40px;
            line-height: 40px;
            border-top : solid #dedede 1px;
            display    : inline-block;
            cursor     : pointer;

            &:hover {
                color: #338fe5;
            }

            >span {
                vertical-align: middle;
            }
        }

    }
}

.text-input {
    border-radius : 3px;
    box-sizing    : border-box;
    display       : inline-block;
    height        : 30px;
    line-height   : 28px;
    width         : 100%;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    vertical-align: middle;

    .ui-icon-input {
        >input {
            padding-left: 34px;
        }
    }

    >input {
        width       : 100%;
        height      : 100%;
        line-height : normal;
        padding-left: 10px;
        box-sizing  : border-box;
        border      : 0 none;
        outline     : 0 none;
    }
}

.ui-icon-input {
    &:focus {
        outline     : none;
        border-color: #338fe5;
    }

    &::hover {
        outline     : none;
        border-color: #338fe5;
    }
}

.search-input {
    width: 300px;
}

.ui-icon-input {
    display       : inline-block;
    vertical-align: middle;
    position      : relative;
    height        : 30px;
    width         : 300px;
    border-radius : 3px;
    border        : 1px solid rgba(134, 147, 160, 0.5);
    transition    : border-color .2s;

    .ui-icon {
        border-radius: 3px;
        box-sizing   : border-box;
        display      : inline-block;
        height       : 16px;
        line-height  : 14px;
        width        : 16px;
        border-radius: 0;
        position     : absolute;
        left         : 10px;
        top          : 50%;
        margin-top   : -8px;
    }

    input {
        border        : none;
        vertical-align: top;
        width         : 100%;
        height        : 100%;
        box-sizing    : border-box;
        padding       : 0 10px 0 31px;
        background    : transparent;
    }
}

.ui-input {
    display      : inline-block;
    border-radius: 3px;
    border       : 1px solid rgba(134, 147, 160, 0.5);
    transition   : border-color .2s;
}

.ui-icon {
    display       : inline-block;
    fill          : currentColor;
    line-height   : 1;
    vertical-align: middle;
    border-radius : 3px;
    box-sizing    : border-box;
    display       : inline-block;
    height        : 16px;
    line-height   : 14px;
    width         : 16px;
    border-radius : 0;
    transition    : opacity .2s;
    border-radius : 0;
}

.anticon {
    display                : inline-block;
    font-style             : normal;
    vertical-align         : baseline;
    text-align             : center;
    text-transform         : none;
    line-height            : 1;
    text-rendering         : optimizeLegibility;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ant-popover {
    .ant-popover-inner-content {
        padding  : 0 !important;
		
		
    }

    .menu-area {
        max-height: 376px;
    }
}

@font-face {
    font-family: "iconfont";
    src        : url('./css/iconfont.eot?t=1583222388593');
    /* IE9 */
    src: url('./css/iconfont.eot?t=1583222388593#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('./css/iconfont.woff?t=1583222388593') format('woff'),
        url('./css/iconfont.ttf?t=1583222388593') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('./css/iconfont.svg?t=1583222388593#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family            : "iconfont" !important;
    font-size              : 16px;
    font-style             : normal;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align         : middle;
    font-weight            : bold;
    padding-left: 5px;
}

.icon-iconfonti:before {
    content: "\e62b";
}

.icon-iconfontjiantou2:before {
    content: "\e632";
}

.icon-weibiaoti1:before {
    content: "\e61e";
}

.icon-guanbi:before {
    content: "\e7b7";
}

.icon-jiantou:before {
    content: "\e612";
}

.icon-jiantouxiangshang:before {
    content: "\e622";
}

.icon-ERP_guanbi:before {
    content: "\e666";
}

.icon--youjiantou:before {
    content: "\e606";
}

.icon--fangdajing:before {
    content: "\e610";
}

.icon-fangdajing:before {
    content: "\e637";
}

.icon-jiantou-shang:before {
    content: "\e6a7";
}

.icon-jiantou-xia:before {
    content: "\e6a9";
}

.icon-guanbi1:before {
    content: "\e641";
}