/**
* @Author: vegawong
* @Date:   2016-02-20T15:41:51+08:00
* @Last modified by:   vegawong
* @Last modified time: 2016-02-20T15:52:12+08:00
*/


/*

*/

@import "../../less/config/main";
.cui-popTips {
    .component-set();
    &.success {
        .cui-popTips-con {
            background: @c-important-c;
            color: @c-common-white;
        }
    }
    &.warn {
        .cui-popTips-con {
            background: #FFA500;
            color: @c-common-white;
        }
    }
    &.error {
        .cui-popTips-con {
            background: @c-important-d;
            color: @c-common-white;
        }
    }
    &.successTip,
    &.errorTip,
    &.warnTip {
        left:0;
        max-width: 300px;
        margin: auto;
        .cui-popTips-con {
            background: rgba(14, 14, 14, 0.73);
            color: @c-common-white;
            text-align: center;
            padding: 15px 56px;
            .iconType {
                text-align: center;
                >span {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    border: 1px solid #fff;
                    display: inline-block;
                    >i {
                        font-size: 17px;
                        position: relative;
                        left: 0;
                        top: 2px;
                    }
                }
            }
            .cui-popTips-text {
                padding-left: 0;
                font-size: 15px;
                padding-top: 4px;
            }
        }
    }
    &.warnTip{
        .cui-popTips-con{
            .iconType{
                >span{
                    >i{
                        position: relative;
                        font-size: 22px !important;
                        top: 4px !important;
                    }
                }
            }
        }
    }
}

.component-set() {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 70%;
    display: inline-block;
    text-align: center;
    z-index: 300;
    .cui-popTips-con {
        //width: 100%;
        text-align: center;
        vertical-align: middle;
        padding: 20px 40px;
        overflow: hidden;
        border-radius: 3px;
        line-height: 30px;
        display: block;
        >i {
            float: left;
            font-size: 24px;
            position: absolute;
            left: 40px;
            top: 50%;
            margin-top: -12px;
            color: inherit;
        }
        .cui-popTips-text {
            float: left;
            //width: 100%;
            word-wrap: break-word;
            word-break: break-all;
            text-align: left;
            padding-left: 36px;
            color: inherit;
        }
    }
}