.demo-section {
    width: 200px !important;
    padding: 20px 30px !important;
}

    .demo-section p {
        margin: 3px 0 20px !important;
        line-height: 40px !important;
    }

    .demo-section .k-button {
        width: 200px !important;
    }

.k-notification {
    border: 0 !important;
    padding: 0 !important;
}


/* Info template */
.k-notification-warning.k-group {
    background: orange !important;
    color: #fff !important;
}

/* Validation template */
.warning {
    width: 300px !important;
    font-size: 12px !important;
    color: white !important;
    min-height: 60px !important;
}

    .warning h3 {
        font-size: 1em !important;
        vertical-align: middle !important;
    }

    .warning img {
        float: left !important;
        height: 100% !important;
        margin: 5px 15px 0px 30px !important;
    }

    .warning p {
        margin-left: 80px !important;
    }

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7) !important;
    color: #ffffff !important;
}

.wrong {
    width: 300px !important;
    font-size: 12px !important;
    color: white !important;
    min-height: 60px !important;
}

    .wrong h3 {
        font-size: 1em !important;
        vertical-align: middle !important;
    }

    .wrong img {
        float: left !important;
        height: 100% !important;
        margin: 5px 15px 0px 30px !important;
    }

    .wrong p {
        margin-left: 80px !important;
    }

/* Success template */
.k-notification-success.k-group {
    background: rgba(0%,60%,0%,.7) !important;
    color: #fff !important;
}

.success {
    width: 300px !important;
    font-size: 12px !important;
    color: white !important;
    min-height: 60px !important;
}

    .success h3 {
        font-size: 1em !important;
        vertical-align: middle !important;
    }

    .success img {
        float: left !important;
        height: 100% !important;
        margin: 5px 15px 0px 30px !important;
    }