@import "../../css/theme.less";
@import '../../css/variables.less';
@fontFamily: "Microsoft YaHei";

.deptContainer {
    padding: 10px 10px 15px;

    .btnContainer {
        text-align: center;
        padding   : 15px 0;

        :global {
            .ant-btn {
                min-width: 90px;

                &:last-child {
                    margin-left: 30px;
                }
            }
        }
    }
}

.selectTagContainer {
    .contentContainer {
        width        : 47.8%;
        height       : 100%;
        border-radius: 6px;
        border       : 1px solid #dcdcdc;
        float        : left;

        .header {
            line-height     : 40px;
            text-align      : center;
            font-size       : 16px;
            color           : #fff;
            background-color: #37a164;
        }

        .commonUsed {
            padding: 0 20px;

            .commonTitle {
                margin     : 15px 0;
                color      : #303030;
                font-size  : 14px;
                font-weight: bold;
            }

            .commonParticipantsName {
                float        : left;
                min-width    : 70px;
                line-height  : 22px;
                margin       : 0 20px 15px 0;
                color        : #858585;
                cursor       : pointer;
                text-align   : center;
                border-radius: 11px;
                border       : 1px solid transparent;

                .userName {
                    overflow     : hidden;
                    text-overflow: ellipsis;
                    white-space  : nowrap;
                    height       : 22px;
                }
            }
        }

        .searchContainer {
            padding         : 20px;
            background-color: #fafafa;

            .searchTips {
                margin-bottom: 20px;
            }

            :global {
                .ant-input-affix-wrapper {
                    max-width    : 350px;
                    margin-bottom: 20px;
                }
            }

            .selectLabelContainer {
                .labelItem {
                    position   : relative;
                    width      : 160px;
                    height     : 32px;
                    line-height: 32px;
                    margin     : 0 22px 18px 0;

                    .labelName {
                        display      : inline-block;
                        width        : 100%;
                        height       : 32px;
                        line-height  : 32px;
                        padding      : 0 10px;
                        color        : #575757;
                        cursor       : pointer;
                        text-align   : center;
                        border-radius: 16px;
                    }

                    .labelName.primaryBtn {
                        width           : 110px;
                        color           : #fff;
                        border          : 1px solid #228B22;
                        background-color: #228B22;
                    }
                }
            }

            .selectBtn {
                text-align: right;

                :global {
                    .ant-btn:not(:first-child) {
                        margin-left: 20px;
                    }
                }
            }

            .uploadWrap {
                margin-bottom: 20px;
            }

            .link {
                cursor      : pointer;
                color       : #019801;
                margin-right: 5px;
            }
        }

        .tableHeader {
            padding         : 0 20px;
            line-height     : 46px;
            color           : #303030;
            font-weight     : bold;
            background-color: #fff;
        }

        :global {
            .ant-table-pagination {
                padding: 0 30px;
            }
        }
    }

    .clearance {
        position  : relative;
        width     : 44px;
        height    : 100%;
        min-height: 200px;

        .iconfont {
            position     : absolute;
            left         : 50%;
            top          : 50%;
            -ms-transform: translate(-50%, -50%);
            transform    : translate(-50%, -50%);
            color        : #37A164;
            font-size    : 22px;
        }
    }

    .contentContainer.contentRight .searchContainer {
        background-color: #fff;

        :global {
            .ant-btn {
                margin-left: 10px;
            }
        }
    }
}

.ellipsis {
    overflow  : hidden;
    display   : inline-block;
    word-break: break-all;
    width     : 100%;
}

:global {
    .iframeModal {
        overflow: hidden;

        .ant-modal-header {
            padding    : 14px 24px;
            background : var(--primary);
            font-size  : 16px;
            font-weight: normal;
        }

        .ant-modal-title {
            color        : #ffffff;
            overflow     : hidden;
            text-overflow: ellipsis;
            white-space  : nowrap;
        }

        .ant-btn-primary {
            background-color: var(--primary);
            border-color    : var(--primary);
        }

        .ant-btn:hover,
        .ant-btn:focus {
            color       : var(--primary);
            border-color: var(--primary);
        }

        .ant-btn-primary:hover,
        .ant-btn-primary:focus {
            background-color: var(--primary);
            color           : #fff;
            border-color    : var(--primary);
        }
    }
}