@import "mixins/mixins";
@import "common/var";

@include b(custom-title) {
    &>div {
        display: flex;
        align-items: center;
    }


    label {
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: $--color-text-regular;
    }

    .el-tooltip {
        cursor: pointer;
        margin-left: 4px;
        margin-right: 12px;
        color: #DCDFE6;
    }

    &__big-title {
        height: 55px;
        border-bottom: 1px solid $--border-color-light;
        padding-left: 24px;

        .el-custom-title--icon {
            margin-right: 8px;
            color: $--color-primary;
        }

        .el-custom-title--text {
            display: flex;
            align-items: center;
           font-size: 12px;
        }

        .el-custom-title--tip {
            display: flex;
            align-items: center;
            height: 18px;
            line-height: 18px;
            background: #F4F5FC;
            border-radius: 6px;

            i {
                margin-left: 7px;
                margin-right: 6px;
                font-size: 12px;
                color: $--color-primary;
            }

            span {
                font-size: 12px;
                color: $--color-info;
                word-break: break-all;
            }
        }
    }

    &__little-title {
        .el-custom-title--line {
            width: 4px;
            height: 10px;
            background: #5372EC;
            border-radius: 2px;
            margin-right: 8px;
        }
    }
}