.numberComposition {
    .ant-table-thead {
        background: #F7FBFE
    }

    .wea-search-group .wea-content {
        padding: 0
    }

    .preview {
        margin-top: 20px;
        padding-left: 5%;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;

        &>* {
            display: inline-block;
        }

        .label {}

        .content {
            vertical-align: middle;
            margin-left: 30px;
            white-space: nowrap;

            .item {
                display: inline-block;
                text-align: center;

                &>div {
                    border: 1px solid #0070C0;
                    min-width: 100px;
                    max-width: 200px;
                    line-height: 30px;
                    height: 30px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    color: #0070C0;

                    &:last-child {
                        margin-top: -1px;
                        color: #CC6633;
                    }
                }
            }

            &>div:not(:first-child) {
                &>div {
                    margin-left: -1px;
                }
            }
        }
    }
}

.numberFlowRule {
    .wea-form-item .wea-select, .wea-search-group .wea-select{
         width: initial;
        margin-left: 50px;
    }

    .wea-helpful-tip {
        position: absolute;
        top: 6px;
        margin-left: 20px;
    }
}

.startReservedNumberSet {
    .wea-form-item-wrapper{
        display: inline-block;
    }
    .icon-coms-Flow-setting {
        font-size: 16px;
        cursor: pointer;
        line-height: 30px;
    }
}

.numberComposition-confirm {
    .ant-confirm-btns {
        button:last-child {
            display: none;
        }
    }
}

.startNumber {
    .datePair {
        padding: 20px 30px;

        &>span:first-child {
            display: inline-block;
            width: 100px;
        }

    }

    .ant-table-selection-column{
        display: none;
    }
    
    .post,
    .dept,
    .sub{
       padding-left: 30px;
       margin-top: 20px;

        & > span{
            display: inline-block;
            width: 100px;
        }
        .wea-browser{
            display: inline-block;
            vertical-align: middle;
        }
    }

    .wea-table-editable{
        margin-top: 20px;
    }
}


.generationSwitch {
    padding: 20px 20% 40px 30%;

    .wea-helpful-tip {
        margin-left: 30px
    }
}

.serialNumber{
    padding: 0;

    .ant-alert-warning{
        width: 280px;
        text-align: left;
    }

    .ant-alert-message {
        span{
            color:#fa0;
        }
    }
    
}

.reserveNumPreview{
    color: #30B7F5;
    li{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.newReservedNumberContent{
    height: calc(100% - 61px);
    overflow-y: auto;
}