@icon-prefix-cls: ~"@{css-prefix}icon";

.content-header() {
    height: 44px;
    border-top-left-radius: @modal-pos-radius-base;
    border-top-right-radius: @modal-pos-radius-base;
    background-color: @primary-color;

    p,
    &-inner
    {
        display: inline-block;
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: @font-size-large;
        color: white;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;

        &-left{
            padding-left: 20px;
            text-align: left;
        }
    }
    p i, p span{
        vertical-align: middle;
    }
}

.content-close(@top: 3px, @icon-font-size: 22px) {
    font-size: @font-size-small;
    position: absolute;
    right: 8px;
    top: @top;
    overflow: hidden;

    cursor: pointer;

    .@{icon-prefix-cls}-ios-close {
        .close-base(@top, @icon-font-size,#999);
    }
}